解构赋值

解构赋值

什么是解构：
从数组或对象中提取值，然后对变量进行赋值

数组的解构赋值—模式匹配
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]);