ES6解构赋值的功能如何使用

来源：懂视网责编：小采时间：2020-11-27 20:08:18

ES6解构赋值的功能如何使用

ES6解构赋值的功能如何使用:这次给大家带来的是在ES6解构赋值的功能如何使用，总共有4种方法，这篇文章就给大家好好分析一下。交换变量的值[x, y] = [y, x];上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰。从函数返回多个值函数只能返回一个值，如果要返回多个

推荐度：

点击下载本文 文档为doc格式

导读ES6解构赋值的功能如何使用:这次给大家带来的是在ES6解构赋值的功能如何使用，总共有4种方法，这篇文章就给大家好好分析一下。交换变量的值[x, y] = [y, x];上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰。从函数返回多个值函数只能返回一个值，如果要返回多个

这次给大家带来的是在ES6解构赋值的功能如何使用，总共有4种方法，这篇文章就给大家好好分析一下。

交换变量的值

[x, y] = [y, x];

上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰。

从函数返回多个值

函数只能返回一个值，如果要返回多个值，只能将它们放在数组或对象里返回。有了解构赋值，取出这些值就非常方便。

// 返回一个数组
function example() {
 return [1, 2, 3];
}
var [a, b, c] = example();
// 返回一个对象
function example() {
 return {
 foo: 1,
 bar: 2
 };
}
var { foo, bar } = example();

函数参数的定义

解构赋值可以方便地将一组参数与变量名对应起来。

// 参数是一组有次序的值
function f([x, y, z]) { ... }
f([1, 2, 3]);
// 参数是一组无次序的值
function f({x, y, z}) { ... }
f({z: 3, y: 2, x: 1});

解构赋值对提取JSON对象中的数据，尤其有用。

var jsonData = {
 id: 42,
 status: "OK",
 data: [867, 5309]
};
let { id, status, data: number } = jsonData;
console.log(id, status, number);
// 42, "OK", [867, 5309]

上面代码可以快速提取JSON数据的值。

jQuery.ajax = function (url, {
 async = true,
 beforeSend = function () {},
 cache = true,
 complete = function () {},
 crossDomain = false,
 global = true,
 // ... more config
}) {
 // ... do stuff
};

相信看了以上介绍你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

ES6解构赋值的功能如何使用

推荐度：

点击下载本文 文档为doc格式

标签：如何使用利用功能

热门焦点

ES6解构赋值的功能如何使用

ES6解构赋值的功能如何使用

ES6解构赋值的功能如何使用

最新推荐

猜你喜欢

热门推荐