let的解构赋值_es6 :let const 解构赋值

let，const

let和const是es6新增的两个变量声明关键字，与var的不同点在于：

(1)let和const都是块级作用域，在{}内有效，这点在for循环中非常有用，只在循环体内有效。var为函数作用域。

(2)使用let和const声明的变量，不存在变量提升，必须先声明再使用。使用var声明的变量可以先使用再定义。

(3)不可重复声明。不可以重复赋值 一旦用var,let或者const声明过的变量，再次用let或者const声明时会报错，函数的参数名如果用let或者const在函数体内声明同名的参数时，也会报错。

const特殊要点：

(1)const顾名思义常量，这里的常量指的是在定义就确定其值，并且这个值只读，不可以修改

(2)使用const声明的变量，一旦声明需要立即初始化，只声明的变量无法用const，const a; 编译会报错；并且一旦初始化，就不能改变。

(3)const用于定义一个复合型对象或者数组时，只是对对象或者数组本身不可赋值，但依然可以为对象添加属性或者为数组push元素。

const不可以重复赋值

{

const dd = 10;

const dd = 5;

console.log(dd)

}

解构赋值

1数组的解构

数组的解构是按照变量的顺序进行赋值的

在es6内部 使用严格相等运算符(===)判断一个位置是否有值，所以当一个数组成员严格等于undefined。默认值才会生效

null 是数组成员 默认值不会生效

{

let[a,b,c]=[1,2,3]

console.log(a,b,c);

let [a1,[[b1],c1]]=[3,[[6],7]];

console.log(a1,b1,c1);

let [x,,y]=[1,2,3];

console.log(x,y);

let [x1,y1,...z]=['a'];

console.log(x1,y1,z);

let [a2,[b2],d2]=[1,[2,3],4];

console.log(a2,b2,d2)

}

2对象解构

对象解构的主要依据是对象的属性，对象的属性没有次序，变量必须与属性同名，才能取到正确的值

{

let {bar,foo}={foo:'开发G2',bar:'孙琳琳'};

let {baz}={foo:'开发G2',bar:'孙琳琳'};

console.log(bar,foo,baz);

let {log}=console;

let {sin}=Math;

log('123')

log(sin(60))

let {foo:baz1}={foo:'aaa',bar:'bbb'};

log(baz1)

let obj={

p:[

"hello",

{y:"world"}

]

};

let {p,p:[x,{y}]}=obj;

log(x,y,p)

var {message:msg='Something went wrong'}={}

log(msg)

}

3函数解构

函数参数的解构同样要求模式匹配，函数定义时的参数的数据类型和调用时传入的参数类型保持一致。

{

function add([x,y]){

return x+y;

}

console.log(add([4,17]))

}

4默认值

{//默认值

let [foo=true]=[];

let [x,y='b']=['a'];

let [x1,y1='b']=['a',undefined];

console.log(foo,x,y,x1,y1)

function f(){

console.log('aaa');

}

let [x2=f()]=[];

console.log(x2)

}

5字符串解构

字符串可以转化为一个具有类似数组的对象。

{

const [a,b,c,d,e]='hello';

console.log(a,b,c,d,e)

let {length:len}='hello';

console.log(len)

}