Zhongye 
2025-11-16-ES6相关
890 个字
4 分钟
2025-11-16-ES6相关
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() | 返回一个数组，成员是键名和键值 |
分享到社交平台
将本文分享给你的朋友们
2025-11-16-ES6相关
https://firefly.cuteleaf.cn/posts/2025-11-16-es6相关/ 相关文章 智能推荐
1
2025-12-25-ES6-关于JavaScript的Set 方法
前端 2025-12-25
2
2025-11-04-JavaScript 常用方法速查
前端 2025-11-04
3
2026-01-24-前端开发速查单
前端 2026-01-24
4
2025-11-27-前端安全-关于XSS与CRSF及其相关对策
前端 2025-11-28
5
2026-01-19-杂记 2026-01-19
笔记 2026-01-20
随机文章 随便看看
评论
新的博客站！旧站点传送门 zhongye1.github.io/Arknight-notes
音乐
暂无播放
0:00 0:00
142
14
214
339,690
0 天
0 天前