在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。
解构模型
在解构中,有下面两部分参与:
1.解构的源,解构赋值表达式的右边部分。...,变量的值就等于undefined
解构一般有三种情况,完全解构,不完全解构,解构不成功,在上述例子中存在完全解构和解构不成功的例子,下面来看一下不完全解构的例子
let [x,y] = [1,2,3]...,而不是为变量x和y指定默认值,所以与前一种写法的结果不太一样,undefined 就会触发函数的默认值
7.对象解构中的 Rest
let {a, b, ...rest} = {a: 10, b: 20..., c: 30, d: 40}
a; // 10
b; // 20
rest; // { c: 30, d: 40 }
8.解构对象时会查找原型链(如果属性不在对象自身,将从原型链中查找)
// 声明对象...y : 'c' });
console.log(f({x : 'a', z : 'b', y : 'c' })); //acb
1
4.提取 JSON 数据
解构赋值对提取 JSON 对象中的数据,