美文网首页
es6 :let const 解构赋值

es6 :let const 解构赋值

作者: 琳媚儿 | 来源:发表于2020-05-09 14:28 被阅读0次

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新特性有哪些?快来看看吧(二)

    昨天讲到ES6中新增的let 和 const 今天来看看别的吧; 今天讲一下解构赋值: 什么解构赋值? 解构赋值就...

  • js基础 - 草稿

    1 常用es6 class类继承;箭头函数;let const;新增的数据类型Symbl;set和map;解构赋值...

  • es6

    let && const 解构赋值&剩余运算符&展开 解构赋值 对象的解构赋值 剩余运算符 展开 Object.d...

  • 个人面试总结

    JS Q:常用es6语法A:let、const、promise、模板字符串、解构赋值、拓展运算符、箭头函数 Q:有...

  • 解构赋值内容整理

    解构赋值 使用let const生明过的变量在解构赋值时不能再次声明。 解构赋值分3种结果:1、解构成功。2、不完...

  • ES6学习-1

    声明变量使用 let , const 解构赋值: let [a,b,c] = [1,2,3]; let [a,[b...

  • ES6

    let const 数组的解构赋值 ---扩展 for - of循环 Promise对象 Generator函数

  • 前端知识ES6(1)

    ES6 let关键字 const关键字 变量的解构赋值 给多个形参赋值 简化的对象写法 箭头函数 扩展运算符 Pr...

  • es6 :let const 解构赋值

    let,const let和const是es6新增的两个变量声明关键字,与var的不同点在于:(1)let和con...

  • JScript语言——ES6(ES2015)

    ES6(ES2015)语法介绍 变量声明let、const 块级作用域 解构赋值 箭头函数清楚简写形式箭头函数的t...

网友评论

      本文标题:es6 :let const 解构赋值

      本文链接:https://www.haomeiwen.com/subject/rgrknhtx.html