您的位置:首页 > Web前端 > JavaScript

ES6新特性 let、const、变量对象的解构赋值

2016-11-23 18:07 851 查看
最近在学习ES6的新特性,在看阮一峰写的ECMAScript 6 入门,目前刚开始看用自己能够理解的语言记笔记方便下次查看

一 let

1、let 局部变量 不会变量提升,在运用时候要先声明在调用,var 全局变量 会产生变量提升;

2、在块级作用域中纯在let const,他所生命的变量就绑定在这个区域,未经过声明调用会报错,在语法上被称为“暂时性死区”(temporal dead zone,简称TDZ);

3、let不允许在同一作用域中,重复声明同一个变量,因此不能在函数内部重新声明变量,可以在函数的代码块中声明

二、块级作用域

Es6允许块级作用域任意嵌套,外成的作用域无法读取内层的作用域;

内层的作用域中变量可以重新定义外层的变量

三、const

1、只读常量,声明的值不可以改变

2、与let一样在块级作用域中声明,不能再声明之前调用变量,同个变量不可声明两次,同时也存在暂时性死区;

3、const只能保证变量名所指的地址不变,并不保证该地址的数据不变;

四、变量的解构赋值

1、从数组或者对象中取值对变量进行赋值被称为解构;var[a,b,c]=[1,2,3];

2、默认值:ES6内部使用严格运算(===);var [x,y=b]=[1,undefined],如果一个数组成员不是严格等于undifined那么默认值无效,null不是严格等于undefined,因此当数组成员是null时候默认值不起作用;

3、默认值可以引用解构赋值的其他变量,但是该变量必须已经声明

let [x=1,y=x]=[1]//x=1.y=1;
let [x=y,y=1]=[]  //报错;y的声明在x之后


4、对象的解构赋值,解构赋值不仅可以用于数组,还可以用在对象上,对象赋值可以无序,变量与属性必须同名才能取到正确的值,默认值的语法同数组,默认值生效的条件是,对象的属性值严格等于undefined;

如果解构失败,变量的值就为undefined,如果解构模式是嵌套对象,子对象所在的父对象不存在会报错,因为找父对象时候是undefined;

注意:将已经声明的变量用于解构赋值,要在大括号前面见括号,因为js引擎会把{}解析为代码块;

5、字符串的解构赋值

6、数值和布尔值的解构赋值;解构规则:只有等号右边的值不是对象就将其转为对象,由于undefinede和null无法转出对象,所以会报错;

7、函数参数的解构赋值

8、使用圆括号的情况:可以使用圆括号的情况只有一种:赋值语句的非模式部分,可以使用圆括号。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ES6 js ECMAScript