解构赋值
什么是解构:
从数组或对象中提取值,然后对变量进行赋值
数组的解构赋值—模式匹配
1.如果解构不成功,变量的值就等于undefined
2.没有变量接收的解构值就被忽略
3.模式不匹配会报错
4.解构赋值允许默认值
- 但是只在匹配值为undefined的时候生效
let [x=1]=[undefined];
//x=1
let [y=1]=[null];
//y=null
- 如果默认值是一个表达式会“惰性求值”——只有在用到的时候才执行表达式
- 默认值可以引用解构赋值中其他变量,但必须已经声明
let [x=y,y=1]=[]
//报错:y未先声明 而执行x=y在前 会报错
let [y=1,x=y]=[]
//x=1,y=1 不会报错
对象的解构赋值—属性名解构
1.变量必须与属性同名才能取到正确的值
实质:先找到同名的属性再赋值给对应变量
let {name,age}={name:"lihua",age:18}
----->let{name:name,age:age}={name:"lihua",age:18}
2.对象解构可以嵌套
3.解构不成功 值为undefined
4.支持默认值 (当对象的属性严格等于undefined的时候生效)
5.如果解构模式是嵌套的对象,而且子对象所在的父属性不存在,那么将会报错。
let {a: {b}} = {b: 666};
6.如果将一个已经声明的变量用于解构赋值 应该将赋值视为一个表达式用括号包裹
let x;
{ x } = { x: 1 };
----->({ x } = { x: 1 });
7.对象解构赋值可以很方便地将现有对象的方法赋值给某个变量。
let people={
hello:function(){
console.log("hello");
},
name:"lihua"
}
let {hello}=people
//将people中的方法“hello”赋值到变量hello中 调用hello()=people.hello();
8.由于数组本质是特殊的对象,因此可以对数组进行对象属性的解构。
let arr=[1,2,3]
let {0:first,arr.length:last]=arr
//first=1,last=3
字符串的解构赋值
将字符串看作一个类似于数组的对象。
const [a, b, c, d] = 'hello';
//a="h",b="e,",c="l",d="l"
let { length: len } = 'hello'
//len=5
数值和布尔值的解构赋值
如果等号右边不是对象,转化为对象再进行解构赋值。
如果右边的不可以转化为对象(例如null,undefined)就会报错。
let { toString: s } = 123;
函数的解构赋值
在函数实参与形参的传值中可以运用到解构赋值
规则与数组、对象的解构赋值一致,关键看参数是采用哪种解构赋值方式。
function add([x, y = 10]) {
return x + y;
}
let r = add([1]);