1. 模块化
ES6 中的模块化可以让我们更方便地组织代码和依赖，使用 import 和 export 关键字来引入和导出模块，其语法如下：
-- -------------------- ---- ------- -- ---- ------ - ------ ----- - ---- --------------- ------ - -- ------- ---- --------------- -- ---- ------ ----- ----- - -- -- - -- --- -- ------ ------- -- -- - -- --- --展开代码
其中，import 会在导入时执行所导入的模块，因此对于副作用（比如修改全局状态或者执行一些初始化操作）的模块，我们要把 import 放在需要使用它的地方，而不能把它们放在最上层。比如：
// module1.js let count = 0; export const incrementCount = () => { count++; }; export const getCount = () => count;
// app.js import { incrementCount, getCount } from './module1.js'; // 调用 incrementCount 会改变 count 的值 incrementCount(); console.log(getCount()); // 1
如果使用 import * as ... 语句导入整个模块时，需要使用模块的属性或方法时，要用模块名作为前缀，如下所示：
import * as module2 from './module2.js'; module2.func1();
2. Promise
Promise 用于异步编程，可以将回调函数封装起来，更好地处理异步操作。它有 3 种状态：Pending（进行中）、Resolved（已成功）和 Rejected（已失败）。
使用 Promise 时，可以链式调用 then 或者 catch 方法，对可能的异常进行处理，具体如下：
-- -------------------- ---- ------- -- ---- ----- --------- - -- -- - ------ --- ----------------- ------- -- - ------------- -- - ----- ------- - ------------- - ---- -- --------- - ----- ---- - - ----- -------- ---- -- -- -------------- - ---- - ------------- ---- --------- - -- ------ --- -- -- -- ------- ----------- ---------- -- - ------------------ ---- --------------- ------ -- ------------ -- - ------------------ ---- --------- ------- ---展开代码
3. async/await
async/await 是基于 Promise 的语法糖，可以更方便地处理异步操作，将异步操作转换成同步式，代码更具可读性。
async 函数会返回一个 Promise 对象，使用 await 关键字可等待 Promise 对象的结果，代码如下：
-- -------------------- ---- ------- ----- --------- - -- -- - ------ --- ----------------- ------- -- - ------------- -- - ----- ------- - ------------- - ---- -- --------- - ----- ---- - - ----- -------- ---- -- -- -------------- - ---- - ------------- ---- --------- - -- ------ --- -- ----- ----------- - ----- -- -- - --- - ----- ---- - ----- ------------ ------------------ ---- --------------- ------ - ----- ------- - ------------------ ---- --------- ------- - -- --------------展开代码
4. Class
ES6 提供了 class 关键字，可以更方便地定义类和继承类。具体用法如下：
-- -------------------- ---- ------- -- ----- ----- ------ - ----------------- ---- - --------- - ----- -------- - ---- - ------- - ---------------- ------------- ----------- ----- ------- - - -- ----- ----- --- ------- ------ - ----------------- ---- ------ - ----------- ----- ---------- - ------ - ------ - --------------------- - - -- ------- ----- --- - --- ---------- -- --------- ------------ -- --- ---- - ----- ---- ----------- -- -----展开代码
5. Proxy
ES6 提供了 Proxy 对象，可以拦截对象的操作，比如读取、设置、函数调用等操作。其具体用法如下：
-- -------------------- ---- ------- -- ------- ----- --- - --- -- ------ ----- ----- - --- ---------- - ----------- ---- ------ - -------------------- ------ -- ----------- ----------- - ------ ------ ----- -- ----------- ---- - -------------------- --------- ------ ------------ - --- ---------- - -------- -- ------- ---- -- ----- ------------------------ -- ------- ---- -----展开代码
结语
本文介绍了 ES6 中比较重要的语法，包括模块化、Promise、async/await、Class 和 Proxy 等。其中，模块化可以更好地组织代码和依赖，在大型项目中更显得重要；Promise 和 async/await 是处理异步操作的好工具，可以让我们更好地处理复杂的异步逻辑；Class 和继承继承的优势体现在代码可读性和可拓展性方面；Proxy 可以让我们更加灵活地处理对象。希望本文能帮助大家更好地理解 ES6，并且在实际开发中得到应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67834a371447767a57978450
