由于 IE11 过于老旧，它并不支持许多现代前端技术，其中就包括了 ES10。而使用 ES10 特性（如 async/await）可以显著提高开发效率，因此解决 ES10 在 IE11 不兼容的问题至关重要。本文将会详细介绍解决方案，并附上示例代码。
解决方案
为了在 IE11 中使用 ES10，我们需要用到两个工具：Babel 和 Polyfill。
Babel
Babel 是一个 JavaScript 编译器，它可以将 ES10（以及其他较新版本）的代码转换为 ES5 代码。这样一来，就可以在 IE11 中运行这些代码。我们需要使用 Babel 的 CLI（命令行界面）来安装 Babel。输入以下命令：
npm install --save-dev @babel/core @babel/cli @babel/preset-env
这里使用了 npm 包管理器来安装 Babel。--save-dev 参数表示这是一个开发依赖，而不是一个生产依赖。@babel/core 模块是 Babel 的核心库，@babel/cli 模块是 Babel 的 CLI 工具，@babel/preset-env 模块是一个预设，它会根据需要转换代码为 ES5、ES6 等等。
安装完成后，我们需要在项目根目录下创建一个 .babelrc 文件，用来配置 Babel。输入以下代码：
{
"presets": ["@babel/preset-env"]
}这个配置文件告诉 Babel 使用 @babel/preset-env 预设来处理代码。
现在，我们可以使用 babel-cli 命令来编译代码了。在 package.json 文件中添加以下 scripts：
"scripts": {
"build": "babel src -d lib"
}这个脚本会将 src 目录中的 JavaScript 文件转换为 ES5 代码，并将它们保存到 lib 目录中。运行以下命令进行编译：
npm run build
Polyfill
即便使用了 Babel，IE11 依然不支持许多 JavaScript API，比如 Promise。为了解决这个问题，我们需要使用 Polyfill。Polyfill 是一个能够在旧浏览器中模拟现代浏览器特性的 JavaScript 库。
我们可以使用 core-js 库来添加 Polyfill。在项目中安装它，输入以下命令：
npm install --save core-js
安装完成后，在你的 JavaScript 文件顶部添加以下代码：
import 'core-js/stable';
这个导入语句会自动导入所有稳定版的 Polyfill，从而使得代码能够在 IE11 中运行。
示例代码
以下是一个使用了 Babel 和 Polyfill 的示例代码：
-- -------------------- ---- -------
------ -----------------
----- -------- ---------------- -
----- -------- - ----- -----------
----- ---- - ----- ----------------
------ -----
-
-----------------------------------------------------------
---------- -- -
------------------
--
------------ -- -
---------------------
---这个代码使用了 async/await 特性，它可以极大地简化异步操作的代码。由于 IE11 不支持这个特性，我们必须使用 Babel 将它转换为 ES5 代码，并使用 Polyfill 添加必要的支持。最终的代码可以在 IE11 中运行。
总结
本文介绍了如何在 IE11 中使用 ES10 特性的方法，这将极大地提高前端开发效率。我们使用了 Babel 将 ES10 代码转换为 ES5 代码，在 IE11 中运行。同时，我们也使用了 Polyfill 添加必要的 JavaScript API 支持，以确保代码能够在 IE11 中正确运行。希望本文能够帮助有需要的开发者。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64604ce9968c7c53b02065f3