一、let和const
let会将所在的块的上下文环境变成一个局部作用域
暂时性死域:在变量使用let声明时,任何对该变量的调用都是非法的,会报错
const声明的是常量,人家声明了就不能变啦,所以如果希望某个数据一直保持不变的时候,const很合适对不对~
二、变量的解构赋值
用途:
当我们需要用到对象赋值时,如果直接赋值就很危险啦。人家对象都好好的藏家里,怎么会这么轻易赋值给你呢?
ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。
如果解构不成功,变量的值就等于undefined。
不完全解构:
另一种情况是不完全解构,即等号左边的模式,只匹配一部分的等号右边的数组。这种情况下,解构依然可以成功。
如果等号的右边不是数组(或者严格地说,不是可遍历的结构,参见《Iterator》一章),那么将会报错。
对于 Set 结构,也可以使用数组的解构赋值。
事实上,只要某种数据结构具有 Iterator 接口,都可以采用数组形式的解构赋值。
解构赋值也可以设置默认值
!!! ES6 内部使用严格相等运算符(===),判断一个位置是否有值。所以,只有当一个数组成员严格等于undefined,默认值才会生效。
如果默认值是一个表达式,那么这个表达式是惰性求值的,即只有在用到的时候,才会求值。
对象的解构赋值
按照相同属性名进行赋值,如果没有该属性则为undefined。
对象的解构赋值还可以方便的将现有对象的方法赋值给某个变量。
如果变量名与属性名不一致,则:
注意:
- 将一个已经声明的变量用于解构赋值,有可能会报错,因为JS将{}中的JS代码解释为表达式,此时将解构赋值放到圆括号里面可以解决问题,圆括号与解构赋值的关系 需要深入了解一下。
- 解构赋值允许等号左边的模式之中,不放置任何变量名。因此,可以写出非常古怪的赋值表达式。
三、字符串的扩展
(1) JSON.stringify() 的改造
JSON.stringify() 可能返回0xD800到0xDFFF之间的单个码点,ES2019 改变了JSON.stringify()的行为。如果遇到0xD800到0xDFFF之间的单个码点,或者不存在的配对形式,它会返回转义字符串,留给应用自己决定下一步的处理。
(2) 模板字符串
传统的 JavaScript 语言的输出模板:
$('#result').append(
'There are <b>' + basket.count + '</b> ' +
'items in your basket, ' +
'<em>' + basket.onSale +
'</em> are on sale!'
);
ES6 引入了模板字符串解决写法繁琐的问题:
$('#result').append(`
There are <b>${basket.count}</b> items
in your basket, <em>${basket.onSale}</em>
are on sale!
`);
(3) ES6 为字符串添加了遍历器接口(详见《Iterator》一章),使得字符串可以被for…of循环遍历。
PS: for…of 遍历器可以识别大于0xFFFF的码点
文章内容摘取自《ECMAScript 6 入门》
书本链接:http://es6.ruanyifeng.com/