ES9 也称作 ECMAScript 2018，在这个版本中，JavaScript 新增了不少有用的特性和语法糖。但你是否知道如何在 Koa.js 项目中使用这些新特性呢？本文会为大家介绍如何在 Koa.js 项目中使用 ES9 语法。
环境配置
首先，你需要保证你的开发环境中安装了 Node.js 10.0 及以上版本，因为这些新特性只在这些版本中才能被支持。
接着，你需要在你的项目中安装 @babel/core、@babel/preset-env 和 babel-plugin-transform-runtime。你可以通过以下命令进行安装：
npm install --save-dev @babel/core @babel/preset-env babel-plugin-transform-runtime
上述三个包的作用分别是：
@babel/core是 Babel 的核心包，负责转换代码@babel/preset-env可以将 ES9 的语法转换为 ES5，以便让浏览器或环境进行支持babel-plugin-transform-runtime是 Babel 的插件之一，用于优化代码性能并减小代码的体积
配置 .babelrc 文件
为了让 Babel 能够正确地将 ES9 语法转换为 ES5，需要在项目根目录下创建一个 .babelrc 文件，并在其中加入以下配置：
{
"presets": ["@babel/preset-env"],
"plugins": ["transform-runtime"]
}其中 presets 的值为 @babel/preset-env，指定了使用这个包来转换 ES9 语法；plugins 的值为 transform-runtime，用于进行代码优化。
使用 ES9 语法
在配置好上述环境和文件后，你就可以在项目中随意使用 ES9 的语法了。下面我们介绍几个常见的使用例子。
Promise.finally()
Promise.finally() 方法表示不管 Promise 的状态如何，都会执行指定的回调函数。这对于释放资源或执行清理任务是非常有用的。
-- -------------------- ---- -------
-------- ----------- -
------ --- ----------------- ------- -- -
------------- -- -
------------- - --- - --------- - ---------
-- ------
---
-
-----------
-------- -- -------------------- -----------
--------- -- -------------------- -----------
----------- -- -------------------- -----------扩展运算符
在 ES9 中，扩展运算符可以在对象字面量中直接拷贝对象的属性。这简化了代码，并且让我们不再需要使用一些库来进行对象的变形。
const obj = { foo: 'bar', baz: 'qux' };
const newObj = { ...obj, quux: 'corge' };
console.log(newObj); // { foo: 'bar', baz: 'qux', quux: 'corge' }异步遍历器
异步遍历器可以通过 Symbol.asyncIterator 实现，它使得异步操作的数据结构可以像同步操作一样使用 for...await 语句。
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
----- ---- - -------------------- ------------------- --------------------
--- - - --
------ -
----- ------ -
-- -- --- ------------ -
------ - ------ ---------- ----- ---- --
-
----- ----- - ----- --------
----
------ - ------ ----- ----- --
-
--
-
--
----- -------- -------------- -
--- ----- ------ --- -- -------------- -
-----------------
-
-
---------------总结
通过上述步骤，我们就可以在 Koa.js 项目中愉快地使用 ES9 语法了。事实上，这也是支持新特性的运行方式之一，可以让我们更加方便地使用 JavaScript 的新特性。让我们一起实践 ES9，写出优雅而精简的代码吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64dedb69f6b2d6eab39feff7