在前一篇文章中，我们介绍了 ECMAScript 2015（ES6）的一些新特性，包括块级作用域、箭头函数、模板字符串、解构赋值等。本文将继续介绍 ES6 的一些新特性，包括类、模块化、Promise、Generator 等。
类
ES6 引入了类（class）的概念，让 JavaScript 更加接近传统的面向对象编程语言。类可以看作是对象的模板，通过类可以创建多个相似的对象。类的定义使用 class 关键字，类中的方法使用方法定义语法。
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------- - -- ----------- ----- -------
-
-
----- ------ - --- ------------- ----
------------------ -- ------ -- ---- -- ---- - -- -- ----- ----在上面的示例中，我们定义了一个 Person 类，该类有两个属性 name 和 age，以及一个方法 sayHello。通过 new 关键字可以创建 Person 类的实例，然后调用 sayHello 方法。
模块化
ES6 提供了原生的模块化支持，可以将一个大型应用程序分割成多个模块，每个模块只暴露需要暴露的接口，从而提高代码的可维护性和可重用性。
使用 export 关键字可以将一个变量、函数或类导出，使用 import 关键字可以导入其他模块中导出的变量、函数或类。
-- -------------------- ---- ------- -- -------- ------ -------- ------ -- - ------ - - -- - -- ------- ------ - --- - ---- ------------- ------------------ ---- -- -
在上面的示例中，我们定义了一个 add 函数，并使用 export 关键字导出。在 main.js 中，我们使用 import 关键字导入 add 函数，并调用该函数。
Promise
Promise 是一种处理异步操作的方式，它可以让异步操作更加直观和易于理解。Promise 有三种状态：pending、fulfilled 和 rejected。当异步操作完成时，Promise 的状态会从 pending 变为 fulfilled，并返回一个值；当异步操作失败时，Promise 的状态会从 pending 变为 rejected，并返回一个错误。
-- -------------------- ---- -------
-------- ----------- -
------ --- ----------------- ------- -- -
------------- -- -
----- ---- - ------------- - --- - - ----- ------ ---- -- - - -----
-- ------ -
--------------
- ---- -
---------- ------------- -- ----- ---------
-
-- ------
---
-
-----------
------------ -- -
------------------
--
-------------- -- -
---------------------
---在上面的示例中，我们定义了一个 fetchData 函数，该函数返回一个 Promise 对象。在 Promise 对象的构造函数中，我们使用 setTimeout 模拟了一个异步操作，并在操作完成后根据结果调用 resolve 或 reject 方法。在 then 方法中，我们处理异步操作成功的情况，catch 方法中处理异步操作失败的情况。
Generator
Generator 是一种新的函数类型，可以在函数执行过程中暂停和恢复。Generator 函数使用 function* 关键字定义，可以使用 yield 关键字暂停函数的执行，并返回一个值。当再次调用 Generator 函数时，函数会从上一次暂停的位置继续执行。
-- -------------------- ---- -------
--------- ----------- -
--- - - -- - - --
----- ------ -
----- --
--- -- - --- - - ---
-
-
----- -------- - ------------
----------------------------------- -- -
----------------------------------- -- -
----------------------------------- -- -
----------------------------------- -- -
----------------------------------- -- -在上面的示例中，我们定义了一个 Fibonacci 数列的 Generator 函数 fibonacci。在函数中使用 while 循环和解构赋值计算出下一个数，并使用 yield 关键字暂停函数的执行，并返回当前的数。在 main.js 中，我们创建了一个 fibonacci 的迭代器，并多次调用 next 方法，从而依次输出 Fibonacci 数列的前几个数。
总结
本文介绍了 ES6 的一些新特性，包括类、模块化、Promise、Generator 等。掌握这些新特性可以让我们更加高效地编写 JavaScript 代码，并提高代码的可维护性和可重用性。在实际的开发中，我们应该根据具体的需求选择合适的特性，以达到更好的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fd244ed10417a22287be64