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)

        }

最后编辑于：2020.05.11 12:03:37