ES6标准入门笔记(一)

本文仅用来记录自己认为重要的知识点,详细请看 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)模板字符串中嵌入变量,需要将变量名写在${}之中。


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值