前言
在前端开发过程中，我们常常会使用到一些新的 ECMAScript 特性，然而并不是所有环境都支持这些特性。幸好，有些优秀的工具包可以解决这个问题，本文介绍使用 npm 包 @types/es6-shim，来解决运行环境不支持 ES6 语法的问题。
安装和初始化
要使用 @types/es6-shim，你必须首先安装 node.js 和 npm，然后执行以下命令：
npm install @types/es6-shim --save-dev
这样就会安装对应的 @types/es6-shim npm 包，并在 package.json 文件中添加依赖：
{
"devDependencies": {
"@types/es6-shim": "^0.31.35"
}
}安装完成后，你可以在你的代码中引入这个库：
import 'core-js/es6';
这条语句将使运行时环境兼容 ES6 语法。因为 @types/es6-shim 扩展了全局变量，所以它会自动为你的源文件引入兼容性代码。
使用场景
以下示例代码将演示@types/es6-shim的用法，包括箭头函数和 Promise.
-- -------------------- ---- -------
-- ------- -------
----- ------- - --- ----------------- ------- -- -
------------- -- -
---------------- -----------
-- ------
---
-- ----
------------------- -- -
--------------------
-------------- -- -
---------------------
--在旧环境中运行这段代码将会导致错误，因为这里使用了箭头函数和 Promise，它们是“新”特性，不是所有浏览器都支持。
运行环境不支持 Promise，则不会触发 promise.then() 和 promise.catch(), 如果不是 ES6 语法，则不认识箭头函数。
我们现在引入 @types/es6-shim 并重试一下。
-- -------------------- ---- -------
------ --------------
-- ------- -------
----- ------- - --- ----------------- ------- -- -
------------- -- -
---------------- -----------
-- ------
---
-- ----
------------------- -- -
--------------------
-------------- -- -
---------------------
--由于@types/es6-shim 已经处理了兼容性问题，我们可以在旧环境中成功地运行这段代码。现在我们可以使用 ES6 特性，而不需要担心没有对应的支持。
总结
@types/es6-shim 可以帮助我们消除运行环境不支持 ES6 语法的问题。它是我们在开发过程中的一个必备工具库，既节省了时间，又提升了开发的效率。
然而，我们不能仅仅依靠工具来做完所有事情。我们还需要对 ES6 的语法进行透彻的理解，因为这样我们才能更加高效地编写代码。有了 @types/es6-shim，你可以更加专注于代码的实现，让你的代码更加简洁、易读和高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/199606