随着 ES6/ES2015 的普及和接受程度不断提高，ES7/ES2016 的语言特性也在逐步被前端工程师所接受和使用。Mocha 是一个广泛使用的 JavaScript 测试框架，支持 ES6/ES2015 的语言特性，但在使用 ES7/ES2016 的语言特性时可能需要一些配置和指导。本文将向你介绍在 Mocha 测试框架中使用 ES2016 的方法指南，并提供详细的学习和指导意义，同时包含示例代码。
安装 Node.js 和 Mocha
在开始使用 Mocha 测试框架之前，需要先安装 Node.js，建议使用官方 stable 版本。Node.js 可以在官方网站 https://nodejs.org/en/ 上下载。安装完成后打开终端，输入以下命令检查是否成功安装 Node.js。
node -v
接着，可以使用以下命令全局安装 Mocha。
npm install -g mocha
当然，也可以在项目目录下安装，以便于不同项目使用不同的 Mocha 版本。
npm install --save-dev mocha
配置 Babel
Mocha 默认不支持 ES6/ES2015 和 ES7/ES2016，需要配置 Babel 来实现。可以使用 Babel 独立安装或使用相关 Mocha 插件。本文以独立安装的方式来配置 Babel。在项目目录下安装以下模块。
npm install --save-dev babel-core babel-polyfill babel-preset-es2015 babel-preset-es2016 babel-register
其中，babel-polyfill 是必需的，因为它为项目开启了 ES6 和 ES7 的原型的 shims。
接着，在项目根目录新建 .babelrc 文件，配置需要使用的 Babel 插件和预设。
{
"presets": [
"es2015",
"es2016"
],
"plugins": []
}编写测试用例
在 Mocha 中编写测试用例和 ES6/ES2015 一样，直接使用 import 就可以导入需要测试的代码。而对于 ES7/ES2016，需要在测试文件中使用 require('babel-register') 来预编译测试代码。
以下是一个简单的测试代码示例。
-- -------------------- ---- -------
------ - ------ - ---- -------
----- ---------- -
------ -- -
------ - - --
-
----------- -- -
------ - - --
-
-
---------------------- -- -- -
-------- ------- ---------- -- -- -
----- ---------- - --- -------------
------------------------ ----------------
---
------------- --------- -- -- -
----- ---------- - --- -------------
----------------------------- ----------------
---
---运行测试用例
在完成测试代码的编写之后，可以使用以下命令来运行测试用例。
mocha --compilers js:babel-register
如果发现错误提示 "ReferenceError: regeneratorRuntime is not defined"，则需要在命令行中添加以下参数。
mocha --compilers js:babel-register --require babel-polyfill
以上命令中的 --compilers js:babel-register 用来告诉 Mocha 在运行测试用例之前使用 Babel 编译 JavaScript 代码。--require babel-polyfill 用来引入 babel-polyfill。
总结
使用 ES2016 的语言特性可以提升代码的可读性和减少代码量，因此在前端开发中使用 ES2016 已经是趋势，而 Mocha 利用 Babel 的支持已经可以较好地支持 ES2016 语言特性。本文向你介绍了在 Mocha 中使用 ES2016 的方法指南，并提供了详细的学习和指导意义，同时包含了示例代码，希望对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b1efe048841e9894e4a98c