ES6+知识点

最新推荐文章于 2025-03-31 15:08:47 发布
最新推荐文章于 2025-03-31 15:08:47 发布
阅读量350 收藏
点赞数
文章标签： es6 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_18109397/article/details/128595139
版权
本文详细介绍了ES6的关键特性，包括let和const命令解决的var问题，模板字符串的使用，函数默认值、剩余参数、扩展运算符和箭头函数的特性，解构赋值的应用，对象扩展功能，Symbol类型，Set和Map数据结构，数组的扩展方法，迭代器和生成器的概念及用法，Promise的基本使用，async/await的异步处理，以及class和ES6的模块化。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.ES6介绍

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Vfl9vOnD-1673095717785)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211140848528.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VTIgyw3U-1673095717786)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211141220640.png)]

2.let和const命令

let声明没有变量提升,在块级作用域内生效,不能重复声明

const同let并且一旦声明不可以修改值

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OQ2f4UxZ-1673095717786)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211142540133.png)]

let解决var的遗留问题

1.解决for循环问题

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ELhkhegF-1673095717786)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211142800236.png)]

你们可以理解在for循环之前有一句var i (变量提升引起的);循环结束之后i=10了 所以打印i就是10

2.解决全局变量污染问题

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-smg7UObE-1673095717787)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211142919745.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nWk1wtRn-1673095717787)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211143229394.png)]

3.模板字符串

因为原来的拼接字符串太难认别了,书写了

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4ujv3CKJ-1673095717787)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211143857888.png)]

ES6模板字符串

反引号``

变量用 ${变量名}

let htmlStr = `字符串内容`

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Av4DvYp4-1673095717788)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211144431273.png)]

4.ES6函数

函数默认值

1.函数默认值

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qQbHhLyo-1673095717788)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211145752108.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ay3H48xp-1673095717788)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211145832325.png)]

默认值也可以是个函数

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vt8GDHyh-1673095717788)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211150112270.png)]

剩余参数

剩余参数解决了arguments的问题

剩余参数就是把实参融合在一起,方便调用,替代了arguments

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZE9rKICb-1673095717788)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211153531405.png)]

<body>
    <script>
        function print(...keys) {
            console.log(keys[0]);
            console.log(keys[1]);
            console.log(keys[2]);

        }
        print(10, 11, 12);
    </script>
</body>

扩展运算符

扩展运算符就是将一个数组分割,将分离项作为实参

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1DUsBVtb-1673095717789)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211160100783.png)]

箭头函数

=> 箭头函数

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dMNS3ZHb-1673095717789)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211160949940.png)]

		let print2 = (num1, num2) => {
            console.log(num1 + num2);
        }
        print2(10, 20);

闭包函数

就是立即执行函数

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-i2YWdvlm-1673095717789)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211161606407.png)]

箭头函数this指向

箭头函数导致this总是指向函数定义生效时所在的对象

箭头函数没有明确的this指向，大家只要知道箭头函数指向他的父级就行，没有父级就是默认指向window全局

箭头函数本身没有this指向,而是去查找它的父级

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hB9RxwYE-1673095717789)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211162151877.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VYrbjGBF-1673095717790)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211163837778.png)]

箭头函数注意事项

1.箭头函数内部没有arguments

2.箭头函数不能用new实例化对象,和function不一样,就是一个语法糖

5.解构赋值

就是方便从对象里取属性

let{属性名1,属性名2..} = 对象名;

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rJnJviHo-1673095717790)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211164629641.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rh0qeNxa-1673095717790)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211164724151.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-M2zrp9wL-1673095717790)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211164843626.png)]

6.对象扩展功能

同名属性直接写

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OY94P3ek-1673095717790)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211165848481.png)]

追加属性

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CWSBI8Qh-1673095717791)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211165741429.png)]

属性改名

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EL20L1E8-1673095717791)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211170004214.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4POOCzqn-1673095717791)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211170156752.png)]

上图输出abc:123 fa

对象的方法

is() === 比较两个值是否严格相等

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Bd2uMgdS-1673095717791)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211170632274.png)]

assign() 对象的合并,是浅拷贝

Object.assign(target,obj1,obj2....) 将obj1,obj2...合并到target

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DshDBHpa-1673095717791)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211171011959.png)]

7.Symbol类型（了解)

symbol 声明变量表示独一无二的值

实际开发中很少用

要用中括号调用

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lYTM5eWV-1673095717792)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211171829385.png)]

8.Set集合数据类型

添加的值没有重复的数组

set 就是一个数组，只有值，没有键，且值不能重复(键和值是相等的)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qiDz6chS-1673095717792)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211172412715.png)]

通过扩展运算符将Set转换为数组

注意Set会去除重复元素

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BRbpG7TR-1673095717792)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211172842345.png)]

9.Map数据类型

set设置元素,get获取元素

实际开发没什么用

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OMlwjkbV-1673095717792)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211173114477.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kxPOKtF3-1673095717792)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211173414115.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AoDNw1ou-1673095717793)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221211173638475.png)]

10.数组扩展方法

1.将伪数组转换为数组

from() 将伪数组转换为真正数组

…扩展运算符也可以将伪数组转换为真正数组

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qOZcYsrN-1673095717793)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212133352101.png)]

2.将一组任意类型转换为数组

of() 将任意类型转换为数组

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9iTXbDd2-1673095717793)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212133816080.png)]

3.数组复制元素到其它位置(了解)

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hhpyD5LU-1673095717793)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212134443029.png)]

4.find 和findIndex

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-01HfMhU2-1673095717793)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212134636880.png)]

5.entries() keys() values()

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0RIEzvGI-1673095717794)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212135215646.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-l69UdtZU-1673095717794)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212135505735.png)]

6.includes() 查询是否有某个值

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NBHCGf6Z-1673095717794)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212135757639.png)]

11.迭代器Iterator 和生成器 Generator

1.迭代器Iterator

通过Symbol.iterator创建迭代器,通过next()获取下一个值

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HohuBwsr-1673095717794)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212140755362.png)]

2.生成器 Generator

生成器的函数类似于断点调试函数

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-u0tiaVm9-1673095717794)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212141527590.png)]

next()一次就卡在下一次yield上

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-D0QtHW1a-1673095717795)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212141619869.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8dd4SfDj-1673095717795)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212141830157.png)]

3.Generator函数赋值

传入的实参将作为上一个 yield的返回值

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-x1Ma0ab6-1673095717795)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212142545443.png)]

使用场景:为不具备iterator对象提供遍历

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8gBEYF0R-1673095717795)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212143536507.png)]

12.Promise基本使用

Promise相当于一个容器,保存着未来才会结束的事件(异步操作)的一个结果

Promise(承诺)对象的状态不受外接影响

Promise处理异步操作三个状态 .then()调用成功后干什么 .catch() 调用失败后干什么[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sqHTAkOm-1673095717795)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212153010002.png)]

Promise先等待后台处理,成功了(resolved),就返回数据

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pN5G3SjZ-1673095717796)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212154941372.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bNuHCOsZ-1673095717796)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212155331259.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yQTaFTUW-1673095717796)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212161130852.png)]

resolve() 将任何对象转换为Promise对象

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3Ggewlee-1673095717796)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212160122705.png)]

all()就是一起做的意思

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jlg7DXLA-1673095717796)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212160238279.png)]

race() 某个异步请求设置超时时间,并且在超时后进行操作

就是比赛是吧，谁先改变状态，整个就变成谁的状态

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-04ro4PBI-1673095717797)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212160853654.png)]

13.async和await(常用)

async使得异步操作更方便

async简单说就是用同步的代码做异步的事，正常情况下异步时间肯定不同，它就是等所有的异步做完了才返回结果

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-RQ9hUuf9-1673095717797)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212162033196.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gK7ytJA4-1673095717797)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212162811472.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HzI4ggll-1673095717797)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212162901125.png)]

14.class类

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ffWBMLLr-1673095717797)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212164316949.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YkAyhwLQ-1673095717797)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212164413256.png)]

2.类的继承

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aoa0dhQz-1673095717798)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212165318560.png)]

15.ES6模块化

模块功能主要由两个命令构成即export和import

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dIkPj00K-1673095717798)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212170424634.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Xk7UvLGT-1673095717798)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212170947559.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-fSFUtI8w-1673095717798)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212170910637.png)]

17797)]

14.class类

[外链图片转存中…(img-ffWBMLLr-1673095717797)]

[外链图片转存中…(img-YkAyhwLQ-1673095717797)]

2.类的继承

[外链图片转存中…(img-aoa0dhQz-1673095717798)]

15.ES6模块化

模块功能主要由两个命令构成即export和import

[外链图片转存中…(img-dIkPj00K-1673095717798)]

[外链图片转存中…(img-Xk7UvLGT-1673095717798)]

[外链图片转存中…(img-fSFUtI8w-1673095717798)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Mfdb3wvH-1673095717798)(C:\Users\xxxu\AppData\Roaming\Typora\typora-user-images\image-20221212171125507.png)]

Xxxu2
关注
前端学习之ES6+
qq_56101688的博客
11-08 1603
let、const 与 var 的区别
ES6+知识点汇总（6）— 新增常用字符串方法详解
发果叁
05-26 519
十三、ES6+字符串方法 13-1、includes 在ES5中，如果想要查找一个字符串中是否包含另一个字符串，一般会使用indexOf、lastIndexOf、search： 使用indexOf()会发返回查询后第一次出现指定字符串的索引，如果未找到则返回-1 ES6新增的includes()方法用来替代indexOf()的不足，能够更好的去判断，而不是需要根据返回的索引进一步判断 13-1-1、includes的基本使用方法 includes()方法主要用于查询字符串，判断一个字符串是否包含另一个
es6+node
weixin_34376986的博客
11-26 135
安装全局的babel 在命令提示符下，输入下面命令： npm install babel-cli babel-eslint -g 完成后，可以输入 babel --version 可以显示babel的版本号 用npm init创建工程 如果已创建，则跳过 在控制台下，建好工程目录，如:d:\work\firstnode 然后进入该目录 d:cd d:\work\firstnoden...
ES6+ 核心特性 的全面解析与实用示例
weixin_48953950的博客
03-31 656
以下是。
ES6+
Raccon_的博客
07-13 232
笔记
ES6 +
青蛙king的博客
09-28 1065
目录一、ES6(2015)二、ES7(2016)1、Array.prototype.includes()2、幂运算符**3、模板字符串扩展三、ES8(ES2017)1、async/await2、对象（1）、Object.values()（2）、Object.entries()（3）、Object.getOwnPropertyDescriptors()3、padStart() 和 padEnd()4、ShareArrayBuffer四、ES9(ES2018)1、for await…of2、模板字符串扩展3、正
Web前端模块化开发教程（ES6+Node.js+Webpack）_源代码.zip
06-29
下面将详细阐述相关知识点。 1. **ES6**（ECMAScript 6）：ES6是JavaScript语言的一个重大更新，引入了许多新特性和语法糖，如箭头函数、类、模板字符串、解构赋值、let和const等。在模块化开发中，ES6的`import`和...
ES6+ 开发电商网站的账号体系 JS SDK
03-01
本章主要对整个课程的内容进行简要介绍，包括前置知识简介、章节安排、代码效果展示等，会从大的方面对ES6+在实战中的意义进行介绍和比较，让你对课程有一个初步印象 第2章 ES6+实战所需要的环境 本章主要介绍ES6+...
前端开发前端面试高频题目：涵盖JavaScript基础、ES6+新特性、CSS布局及选择器优先级解析
最新发布
05-08
内容概要：本文档《前端面试高频题目.docx》主要涵盖了前端开发领域中JavaScript基础、ES6+特性、以及CSS相关的重要知识点。在JavaScript部分，深入探讨了闭包的概念及其优缺点、原型和原型链的工作机制、this指向...
ES6+(一)
weixin_47799089的博客
04-07 597
现阶段前端行业发展迅猛，前端技术也在高速迭代，ES6-ES11规范增加了很多JavaScript新特性。ES新特性已经成为前端技术发展的趋势，语法简洁，功能丰富，部分特性还有性能提升。 ES6的兼容性： 主流浏览器的最新版本几乎全部支持ES6 IE老版本等不支持的浏览器，可以用Babel转码 let与const： let 和 const是用来声明变量与常量，声明变量let代替var声明变量，const声明常量。 let与const的用法： var与let声明的就是变量，变量初始化之后，还可以重新赋值。
【web】ES6+
博客
10-25 1227
第7 个数据类型：symbol（） 产生一个唯一的值，不可控 全称：ECMAScript6 弱类型语言：在编译过程中确定数据类型
“ ES6+ —— 让你的JavaScript代码从平凡到精彩 “
技术前端，忠于热爱 @0.活在风浪里
04-27 2921
Es6 + 特性
ES6基础
weixin_50150881的博客
04-20 141
1、Object的基本使用与构造函数的属性： Object 构造函数创建一个对象包装器 语法 参数 在JavaScript中，几乎所有的对象都是 Object 类型的实例，它们都会从 Object.prototype 继承属性和 方法。 Object 构造函数为给定值创建一个对象包装器。 Object 构造函数，会根据给定的参数创建对 象，具体有以下情况 （1）、如果给定值是 null 或 undefined ，将会创建并返回一个空对象 （2）、如果传进去的是一个基本类型的值，则会构造其包装类型的对象
ES6+(三)
weixin_47799089的博客
04-27 514
ES6语法扩展： 剩余参数： 1.认识剩余参数 2.剩余参数的本质=== >剩余参数永远是个数组，即使没有值也是一个空数组 剩余参数的默认值： 1.箭头函数的剩余参数 箭头函数的参数部分即使只有一个剩余参数，也不能省略圆括号 2.使用剩余参数替代arguments获取实际的参数 3.剩余参数的位置 剩余参数只能是最后一个参数，之后不能再有其他的参数，否则会报错 展开运算符： 数组的展开运算符： 数组的展开运算符的基本使用 1.认识展开运算符 2.数组展开运算符的基本用法 区分剩余参数和展
ES6+(二)
weixin_47799089的博客
04-18 213
模板字符串： 1、模板字符串的基本使用 2、模板字符串与一般字符串的区别 模板字符串的注入： 以上的案例中和其他的字符串拼接，使用模板字符串，方便注入。其他情况下使用模板字符串或一 般字符串都行。 3、模板字符串的注意事项 A、输出多行字符串 普通字符串，需要使用\n 、\t等进行换行 模板字符串中，所有的空格、换行或者缩进都会被保留在输出之中 B、输出``和\等特殊字符串 需要转义 箭头函数： 1、什么是箭头函数 A、认识箭头函数 B、箭头函数的结构 C、如何将一般函数改写成箭头函数 2、箭头
ES6+ 新特性（箭头函数、解构赋值、模块等）
weixin_42548252的博客
12-11 441
ES6（ECMAScript 2015）以及后续版本（ES7、ES8 等）为 JavaScript 引入了许多新特性，大幅提升了代码的简洁性、可读性和功能性。这些 ES6+ 新特性大大提升了 JavaScript 的开发效率和可读性。掌握它们能帮助你编写更简洁、现代的代码。箭头函数是 ES6 引入的一种简洁的函数写法，提供更短的语法，同时不绑定自己的。模板字符串使用反引号 ``，支持多行字符串和嵌入表达式。解构赋值可以从对象或数组中提取值，并将它们赋值给变量。ES6 引入了类语法，是构造函数的语法糖。
es6 + next 系列
妖风呀妖风
07-10 512
1、let、const 有块级代码作用域 没有预解析，不存在变量提升 不能重复定义 特殊的for循环，for循环()里面定义的let变量，只在循环体内有效 const和let差不多，只不过人家是常量，不能改变 2、解构赋值 a). 数据解构赋值: let [a=‘abc’]=[] 解构默认值(里面填写undefined和null的区别) let [a, b=‘banana’] = [‘aaa’, ...
ES6+新语法
qq_50582468的博客
03-16 1037
当代码在执行之前，会把所有在当前作用域下var声明的变量提升到当前作用于的最前面，只提升声明，不提升赋值，然后依次执行代码。可以把数组进行展开，可以利用其求数组的最大值以及合并数组的操作，剩余参数在函数内部进行使用。剩余参数允许我们将一个不定数量的参数表示为一个数组，其为真数组，例如其用...参数数组名。动态参数是伪数组，箭头函数里没有arguments，剩余参数为真数组，开发中剩余参数常用。：另外如果还有其他参数，则会先把用户输入的数给其他参数，剩余的参数给定义的数组参数。2、以数组进行开头的时候。
React ES5迁移到ES6+的完整升级手册
这份"React-ES5-To-ES6-清单"旨在帮助开发者将老旧的ES5 React代码转换为现代ES6 +代码风格，以下是关于这份清单中提及的知识点的详细说明： 1. **ES6+语言特性**： - **let 和 const**：与ES5的var相比，let和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值