携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第9天,点击查看活动详情
今天和大家一起来学习ES6新特性,现在就开始吧!
- ECMAScript只是提供了最基本的语法(只停留在语言层面,无法完成比如事件的添加),JavaScript在语言基础上进行了扩展,JavaScript语言本身指的就是ECMAScript,用ES6来泛指所有新标准,注意分辨用ES6是特指(2015)还是泛指
- 重点需要了解ES5.1的变化:
- 解决原有语法上的一些问题或者缺陷
- 对原有语法进行增强
- 全新的对象、全新的方法、全新的功能
- 全新的数据类型和数据结构
- ES6之前,ES中只有两种作用域:全局作用域和函数作用域,ES6之后,新增了块级作用域
- let属于块级作用域,可以应用于给每个对象添加事件;let和var除了作用域的区别外,还有let不能进行变量声明提升
- const在let的基础上增加了一个“只读”效果。声明时必须同时赋值,否则将无法赋值;当使用const定义一个空对象时,给其添加内容是被允许的,因为添加内容没有改变该对象指针指向的地址
- 最佳实践:不用var,主用const,配合let
- 数组的解构(通过下标顺序进行读取):原方式👇
解构方式👇
输出:100,200,300;300;200,300;100;123,300;baz
- 对象的解构
最下面可以直接使用log("你好")来输出,这里只能使用log不可以使用别的名字
- 模块字符串字面量
- 在ES6中定义一个字符串不写双引号,取而代之的是反引号``,这样换行会比较方便
- 可以在字符串内部使用$加大括号其中写一个变量或者表达式或者方法来实现插值表达式
本期内容就先写到这里啦!