ES6 学习笔记之变量的解构赋值
- 2020 年 1 月 5 日
- 笔记
ES6 中增加了几种对变量初始化的方式，从改进来看，个人觉得可以大大的增加编码的效率。带相对语法可能就晦涩一些了。但总归熟能生巧，多用就不会那么容易犯错了。
变量的解构赋值
ES5 中给多个变量赋值写法如下：
let a = 1; let b = 2; let c = 3;
而 ES6 中则一句话搞定：
let [a, b, c] = [1, 2, 3];
摘抄书中的一句话“ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。”，更多对于变量的解构赋值请参考书中的详细介绍，我个人觉得平时可能用不到那么变态的用法。
解构赋值默认值
let [foo = true] = []; foo // true let [x, y = 'b'] = ['a']; // x='a', y='b' let [x, y = 'b'] = ['a', undefined]; // x='a', y='b'
通过上面的代码可以看出，如果赋值时不指定具体内容，那么会使用我们准备好的默认值，这与其他一些语言中的函数默认参数差不多。更多细节请参考书中介绍。
对象的解构赋值
let { bar, foo } = { foo: "aaa", bar: "bbb" }; foo // "aaa" bar // "bbb" let { baz } = { foo: "aaa", bar: "bbb" }; baz // undefined
对象的解构赋值相对严格一些，它不是按顺序解析的，而是按成员名称匹配解析的。其他字符串、布尔、函数参数都具有解构赋值的特性。且均无明显差异。书中介绍了一些解构赋值的常用应用场景，比如下面这个案例，通过解构赋值就很方便的遍历了 map 中的内容。
var map = new Map(); map.set('first', 'Hello'); map.set('second', 'World'); for (let [key, value] of map) { console.log(key + ' is ' + value); }
