随着 JavaScript 的发展，ECMAScript 标准也在不断更新，ES2017 （也称为 ES8）和 ES2018（也称为 ES9）作为 ECMAScript 标准的两个版本，在其中添加了一系列新特性和改进，这些特性和改进涵盖了 JavaScript 的各个方面，包括异步处理、对象和数组操作等等。
本文将着重讨论 ES2017 和 ES2018 中的一些新特性，并重点分析如何在 IE 和 Edge 中支持它们。
一、ES2017 中的新特性
async/await
在写 JavaScript 代码时，异步操作是个经常需要处理的问题，而 ES2017 引入的 async/await 语法则进一步简化了异步操作的处理，使得代码更易读、更易理解。async/await 是 Promise 的语法糖，使用它可以让 Promise 的调用更加优雅。
下面是一个简单的示例，展示了如何使用 async/await 实现异步操作：
-- -------------------- ---- -------
----- -------- --------------- -
--- -------- - ----- ---------------
--- ---- - ----- ----------------
------ -----
-
---------------
---------- -- -
------------------
--
---------- -- -
-------------------
---与传统的 Promise 调用相比，async/await 代码更加简洁和易懂。
在 IE 和 Edge 中，async/await 并不完全支持，因为在 ES2017 中引入的 async/await 功能需要 async 函数的支持，而 IE 和 Edge 对 async 函数的支持程度并不够好。在 IE 和 Edge 中，可以用 Babel 等工具将代码转换为 ES5 代码，以实现此功能。
Object.entries和Object.values
ES2017 引入了两个新的对象方法，Object.entries 和 Object.values，用于遍历对象的键值对和值。这两个方法极大地简化了对对象属性的访问，使得代码更加易于维护。
const obj = {
name: 'John',
age: 30
};
console.log(Object.entries(obj)); //[["name", "John"], ["age", 30]]
console.log(Object.values(obj)); //["John", 30]在 IE 和 Edge 中，Object.entries 和 Object.values 可以通过 polyfill 的方式进行支持，这种方式在工程上更加通用。
二、ES2018 中的新特性
- 异步迭代器
ES2018 引入了异步迭代器的功能，支持在异步代码中使用 for-await-of 循环，遍历异步集合的元素。在异步程序中，这项特性会提供更高效、更清晰的代码方式，使得开发者更容易从代码中读取意图。
async function getData() {
let stream = createAsyncDataStream();
for await (let chunk of stream) {
console.log(chunk);
}
}
getData();在 IE 和 Edge 中的支持程度同样不高，建议使用 polyfill 进行支持。
Object.getOwnPropertyDescriptors
该方法返回一个对象的所有自身属性（非继承属性）的描述符。这使得开发者可以更加细粒度地进行属性操作，进一步优化代码和逻辑清晰度。
const obj = {
name: 'John',
age: 30
};
console.log(Object.getOwnPropertyDescriptors(obj)); //{name: {value: "John", writable: true, enumerable: true, configurable: true}, age: {…}}在 IE 和 Edge 中的支持程度同样不高，需要使用 polyfill 进行支持。
三、如何在 IE 和 Edge 中支持 ES2017 和 ES2018
由于在 IE 和 Edge 中对于 ES2017 和 ES2018 功能的支持程度不太完善，因此需要使用 polyfill 或者转换器等外部工具进行支持。
polyfill 是一种允许在旧版本浏览器中使用新 API 的 JavaScript 代码，常常包含在第三方库中，方便开发者直接引用。常用的 polyfill 库包括兼容 IE8 的 es5-shim 和兼容 Promise 的 es6-promise 等。
Babel 则是一种可以将 ES6+ 代码转换成 ES5 格式的工具。可以采用 Babel 将代码转换为 ES5 代码，从而实现在 IE 和 Edge 中的运行支持，兼容 IE8 及以上的版本。
结论
ES2017 和 ES2018 中的新特性很多，其中异步操作相关的 async / await 和 for-await-of 的功能尤为重要。不幸的是，在 IE 和 Edge 中缺乏对这些特性的充分支持，因此需要使用 polyfill 或转换器等外部工具进行支持。
通过使用 polyfill 或者转换器等工具，我们可以充分利用 ES2017 和 ES2018 中的新特性，同时争取更好的代码编写体验，从而提高开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67497f65a1ce00635462de02