es6解构(destructuring)
2018-02-22 15:46
155 查看
1 数组的解构
let [a, b, c] = [1, 2, 3] // 1, 2, 3 let [a, b, c] = [1, , 3] // 1, undefined, 3 // 默认值 let [a, b, c = 3] = [1, 2] // 1, 2, 3 let [a, b, c = 3] = [1, 2, 4] // 1, 2, 4 let [a, b, c = a + b] = [1, 2] // 1, 2, 3 // 复杂点 let [a, [b, [c, d]]] = [1, [2, [3, 4]]] // 1, 2, 3, 4 // rest参数 let [a, ...b] = [1, 2, 3] // 1, [2, 3] let [a, ...b, c] = [1, 2, 3] // 报错:rest element must be the last element // 变量赋值,对象的解构只能用于声明语句 let a, b [a, b] = [1, 2] // 1, 2
2 对象的解构
// 要求变量名和属性名相同 let o = {a: 1, b: 2, c: 3} let {a, b, c} = o // 1, 2, 3 let {a, d = a + 1, e} = o // 1, 2, undefined // 变量赋值报错 let a, b {a, b} = {a: 1, b: 2} // 报错:只能用于声明语句
相关文章推荐
- 2、ES6 === destructuring 解构
- es6 解构Destructuring的实际运用
- ES6解构Destructuring
- es6 Destructuring(解构)
- ES6(二) Destructuring-变量的解构赋值
- ES6学习——新的语法:对象解构(Object Destructuring)
- ES6 destructuring 解构赋值
- ES6------第三天(const命令、变量解构)
- 11、ES6 函数参数的解构赋值
- es6 学习笔记 之 变量声明 和 变量的 解构赋值
- es6 剩余参数+ 解构赋值+默认值
- ES6 解构赋值
- ES6 解构赋值
- ES6学习-解构赋值
- ES6 解构运算符 rest运算符,...运算符
- 深入浅出ES6(六):解构 Destructuring
- ES6小实验-变量的解构赋值
- js 交换赋值我认为最简单的方法 (ES6解构)
- 变量的解构赋值 ES6
- es6 变量的解构赋值