ES6 基础入门和新增方法

TIP

Web 前端 ES6 入门到精通核心基础知识梳理

1、let 和 const

名称	描述
let	声明变量的关键字，let 声明的变量只在 let 命令所在的代码块内有效
const	声明常量的关键字，const 声明一个只读的常量，一旦声明，常量的值就不能改变。

2、模板字符串 和 箭头函数

名称	描述
``	使用反引号``包裹的字符串
() =>{}	使用箭头（=>）声明函数，不用再书写 function 关键字 示例： const add = () =>{ console.log('add')}
this	1、非箭头函数中的 this 指向函数的调用者 2、箭头函数中的 this 指向定义时所在的对象 3、全局作用域中 this 指向 window

3、解构赋值

名称	描述
[] = []	数组的解构赋值 示例：let [a, b, c] = [1, 2, 3]; 可以从数组中提取值，按照对应位置，给左侧变量赋值
{} = {}	对象的解构赋值 示例：let { bar，foo } = { foo: 'aaa', bar: 'bbb' }; 按照对应的属性，给左侧的变量赋值，等号左边的两个变量的书写顺序，与等号右边两个同名属性的顺序可以不一致
[] = "" ，{} = ""	字符串的解构赋值，在解构前，字符串被转换成了一个类似数组的对象 （不常用，了解即可） 1、以数组的形式解构，const [a, b, c, d, e] = 'hello' 2、以对象的形式解构，let { 0: a } = 'hello'

4、剩余参数，展开运算符

名称	描述
...arg	将一个不定数量的参数表示为一个数组
...	将内容展开

5、数据结构

名称	描述
Set	是一系列无序、没有重复值的集合
Map	是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键

6、Set 和 Map 共有的方法和属性

名称	描述
has()	判断该值是否为 Set/Map 的成员。
delete()	删除某个成员
clear()	删除所有成员
forEach()	遍历每个成员
size	返回 Set/Map 实例的成员总数

7、Set 和 Map 实例的方法

方法名	描述
add()	Set 实例的方法，添加成员
set()	Map 实例的方法，添加成员
get()	Map 实例的方法，获取成员

8、遍历器

名称	描述
Iterator	为各种不同的数据结构提供统一的访问机制
for...of	遍历成员，for...of 循环可以使用的范围包括数组、 Set 和 Map 结构、某些类似数组的对象（比如 arguments 对象、DOM NodeList 对象）

9、数组的新增方法

方法名称	描述
keys()	遍历索引
values()	遍历值
entries()	遍历索引和值
includes()	判断数组中是否含某个成员（不常用，了解即可）
Array.from()	将其他数据类型转换为数组
find()	返回第一个符合条件的数组成员
findIndex()	返回第一个符合条件的数组成员的位置

10、字符串的新增方法

方法名称	描述
includes()	判断字符串中是否包含某些字符
padStart()	补全字符串的长度，用于头部补全（不常用，了解即可）
padEnd()	补全字符串的长度，用于尾部补全（不常用，了解即可）
trimLeft() ，trimStart()	清除字符串头部的空格（不常用，了解即可）
trimEnd() ，trimRight()	清除字符串尾部的空格（不常用，了解即可）

11、对象的新增方法

方法名称	描述
assign()	合并对象
Object.keys()	返回一个数组，成员是键名
Object.values()	返回一个数组，成员是键值
Object.entries()	返回一个数组，成员是键名和键值