# 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() 返回一个数组,成员是键名和键值
上次更新时间: 9/29/2024, 9:19:56 PM

大厂最新技术学习分享群

大厂最新技术学习分享群

微信扫一扫进群,获取资料

X