ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。web现在流行的框架如Vue.js、React.js等基本都是基于ES6语法。

学习ES6的最好方式就是直接在编写的过程中能实时的查看对应的翻译成ES5的代码，在比较中学习，在学习中比较。

这里推荐使用在线的Babel环境：https://babeljs.cn/repl

1.块级作用域

定义变量使用let替代var，使用const定义不可变的变量，即常量。通常用const声明变量需要赋值。

两种声明方式都是块级作用域，变量仅在 { } 中有效。

2.字符串特性

• 多行字符串使用 `` （键盘上横排数字1左边的那个按键）包围跨行的字符串。示例：

• 字符串模板可以在多行字符串中使用模板。示例：

• 自动拆分字符串示例：

注意：调用方法时不要加上小括号（）

传输给方法的内容，会被${}语法给拆分开来。

3.箭头表达式

用来声明匿名函数，消除传统匿名函数的this指针问题。 返回的时候如果有 { } 需要写return; 示例：

4.函数特性

• 1.剩余参 数 or 展开符

• 2.析构表达式

析构表达式又称解构 ，是ES6的一个重要特性，所谓解构 ，就是将声明的一组变量与相同结构的数组或者对象的元素数值一一对应。分数组解构 （[]）和对象解构（{}）两种。

数组解构示例：

对象解构示例：

5.模块化

ES6提供了自带的模块化机制，我们使用import和export关键字来快速的实现模块化。

6.Class类

作为对象的模板，通过class关键字，可以定义类。ES6的class可以看作只是一个语法糖：

7.Promise

Promise 对象用于一个异步操作的最终完成（或失败）及其结果值的表示。写法如下：

异步操作成功，调用resolve方法，失败则调用reject方法。

以上就是es6的基础知识盘点，更详细的代码操作可以学习阮大神的那本书。如果有兴趣可以关注我，更多详细的web视频免费领取，欢迎评论、点赞、留言。谢谢大家支持！

閱讀更多 程序猿猩球 的文章

關鍵字: 知识点 编程语言 JavaScript