本文仅用来记录自己认为重要的知识点,详细请看 es6标准入门
一、let命令
1、声明变量,块级作用域;
2、for循环的计数器,很适合使用let命令;
3、不存在变量提升;
4、如果区块中存在let和const命令,则这个区块对这些命令声明的变量从一开始就形成封闭作用域。只要在声明前使用这些变量,就会报错;“暂时性死区”(temporal dead zone,简称TDZ);
5、不允许重复声明;
二、const命令
1、声明常量,一旦声明,就必须立即初始化,不能留到以后赋值;
2、只在声明所在的块级作用域内有效;
3、声明的常量不提升,存在暂时性死区,只能在声明后使用;
4、不允许重复声明;
三、数组的解构赋值
let [head, ...tail] = [1, 2, 3, 4];
head // 1
tail // [2, 3, 4]
1、数组的元素是按次序排列的,变量的取值由它的位置决定;
2、如果解构不成功,变量的值等于undefined;
3、解构赋值不仅适用于var命令,也适用于let和const命令;
4、对于Set结构,也可以使用数组的结构赋值;
5、只要某种数据结构具有Iterator接口,都可以采用数组形式的结构赋值;
6、解构赋值允许指定默认值。ES6内部使用严格相等运算符(===)判断一个位置是否有值。所以如果一个数组成员不严格等于undefined,默认值不生效。如果一个默认值是一个表达式,那这个表达式是惰性求值的,只有在用到时才会求值。
四、对象的解构赋值
let { foo: baz } = { foo: 'aaa', bar: 'bbb' };
baz // "aaa"
1、对象的属性没有次序,变量必须和属性同名,才能取到正确的值;
2、对象的解构赋值内部机制:先找到同名属性,然后赋给对应的变量;
3、默认值生效的条件:对象的属性值严格等于undefined;
五、字符串的扩展
1、includes(),startsWith(),endsWith()
- includes():返回布尔值,表示是否找到了参数字符串。
- startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。
- endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。
let s = 'Hello world!';
s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true
(1)确定一个字符串是否包含在另一个字符串中;
(2)第二个参数,表示开始搜索的位置。使用第二个参数n时,endsWith的行为与其他两个方法有所不同。它针对前n个字符,而其他两个方法针对从第n个位置直到字符串结束。
2、repeat方法返回一个新字符串,表示将原字符串重复n次。
'x'.repeat(3) // "xxx"
3、padStart(),padEnd()
'123456'.padStart(10, '0') // "0000123456"
'x'.padEnd(4, 'ab') // 'xaba'
(1)padStart()用于头部补全,padEnd()用于尾部补全。
(2)如果原字符串的长度,等于或大于指定的最小长度,则返回原字符串。
(3)如果省略第二个参数,默认使用空格补全长度。
4、模板字符串
(1)模板字符串(template string)是增强版的字符串,用反引号(`)标识
(2)如果在模板字符串中需要使用反引号,则前面要用反斜杠转义;
(3)模板字符串中嵌入变量,需要将变量名写在${}之中。