备注解释
ES6 从数组和对象中提取值,对变量进行赋值,这被称为解构。以前只能直接赋值
实际就是 等号 两边的模式进行匹配,匹配分为部分匹配和全部匹配,未匹配成功的值为 undefined
也可以指定默认值:
let [x, y = 'b'] = ['a']; // x='a', y='b'
对象解构
对象解构不像数组解构一样需要顺序,只要保证变量必须与属性同名即可
let { bar, foo } = { foo: "aaa", bar: "bbb" };
foo // "aaa"
bar // "bbb"
用途场景备注
1、交换变量
let x = 1;
let y = 2;
[x, y] = [y, x];
2、函数多个返回值
// 返回一个数组
function example() {
return [1, 2, 3];
}
let [a, b, c] = example();
// 返回一个对象
function example() {
return {
foo: 1,
bar: 2
};
}
let { foo, bar } = example();
3、函数参数定义
// 参数是一组有次序的值
function f([x, y, z]) { ... }
f([1, 2, 3]);
// 参数是一组无次序的值
function f({x, y, z}) { ... }
f({z: 3, y: 2, x: 1});
4、提取JSON结构
let jsonData = {
id: 42,
status: "OK",
data: [867, 5309]
};
let { id, status, data: number } = jsonData;
console.log(id, status, number);
// 42, "OK", [867, 5309]
5、函数参数默认值
jQuery.ajax = function (url, {
async = true,
beforeSend = function () {},
cache = true,
complete = function () {},
crossDomain = false,
global = true,
// ... more config
} = {}) {
// ... do stuff
};
6、变量map结构
const map = new Map();
map.set('first', 'hello');
map.set('second', 'world');
for (let [key, value] of map) {
console.log(key + " is " + value);
}
// first is hello
// second is world
如果只想获取键名,或者只想获取键值,可以写成下面这样。
// 获取键名
for (let [key] of map) {
// ...
}
// 获取键值
for (let [,value] of map) {
// ...
}
7、输入模块指定方法
const { SourceMapConsumer, SourceNode } = require("source-map");