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)

        }

你可能感兴趣的:(es6 :let const 解构赋值)