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、默认值可以引用解构赋值的其他变量,但是该变量必须已经声明
4、对象的解构赋值,解构赋值不仅可以用于数组,还可以用在对象上,对象赋值可以无序,变量与属性必须同名才能取到正确的值,默认值的语法同数组,默认值生效的条件是,对象的属性值严格等于undefined;
如果解构失败,变量的值就为undefined,如果解构模式是嵌套对象,子对象所在的父对象不存在会报错,因为找父对象时候是undefined;
注意:将已经声明的变量用于解构赋值,要在大括号前面见括号,因为js引擎会把{}解析为代码块;
5、字符串的解构赋值
6、数值和布尔值的解构赋值;解构规则:只有等号右边的值不是对象就将其转为对象,由于undefinede和null无法转出对象,所以会报错;
7、函数参数的解构赋值
8、使用圆括号的情况:可以使用圆括号的情况只有一种:赋值语句的非模式部分,可以使用圆括号。
一 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学习】— (1)ES6简介、let与const命令以及变量的解构赋值
- es6学习篇之 let和const命令 、变量的解构赋值
- ES6学习笔记(let、const、变量的解构赋值、字符串扩展)
- ECMAScript 6笔记(let,const 和 变量的解构赋值)
- ES6新特性四:变量的解构赋值实例
- 笔记:ES6新特性-变量声明关键字:let和const
- 【es6】【变量的解构赋值】【对象解构赋值】
- ECMAScript6学习笔记 ——let、const、变量解构赋值
- [Wondgirl]ECMAScript6(ES6)(二)变量let、var和常量const的定义和区别
- 【ES6】变量的解构赋值
- ES6 变量的解构赋值
- const命令,全局变量的属性,变量的解构赋值
- ES6学习2(变量的解构赋值)
- ES6新特性:利用解构赋值 (destructuring assignment), 简化代码
- ES6学习之变量的解构赋值
- ES6——Day3(对象的解构赋值)
- ES6 对象的解构赋值
- ES6中的变量解构赋值的书写模式
- [Wondgirl]ECMAScript6(ES6)(五)对象的解构赋值
- es6分享——变量的解构赋值