ECMAScript（简称ES）是一个由 ECMA（欧洲计算机制造商协会）制定的脚本语言标准。自1997年发布第一版标准，ECMAScript已经不断地更新迭代。2018年，ECMAScript 2018（ES9）发布了其新特性，本文将介绍这些新特性以及它们给开发者带来的变化。
Async/Await
在ES9中，Async和Await成为了正式加入语言的特性。它们使异步编程的体验更加友好。
Async 是一个关键的操作符，表示一个函数是异步的。使用 Async 可以让我们在代码中更容易执行异步操作。当在一个函数中发现 Async 操作符时，这个函数被转换成一个 async function，且返回的值被自动封装在一个 Promise 中。
Await 关键字用于异步函数中，可以让异步的操作像同步代码那样执行。它可以暂停当前异步函数的执行，等待异步操作完成，然后继续往下执行。如果异步操作返回一个值，Await 表达式的值就是这个值。
下面是一个使用 Async / Await 的示例代码：
async function getUserData(userId) {
const userData = await fetchUserData(userId);
const friends = await fetchFriendsById(userId);
return {userData, friends};
}
function fetchUserData(userId) {
return fetch(`/users/${userId}`);
}
function fetchFriendsById(userId) {
return fetch(`/users/${userId}/friends`);
}在上面的代码中，我们使用了 async/await 语法来使异步操作更加容易理解。我们用 await 暂停函数的执行直到异步操作完成，当异步操作完成时，我们将结果赋给变量。这样我们就可以只用编写同步代码一样的方式来编写异步代码。
Rest/Spread 属性
在ES2018中，可以使用 Rest/Spread 属性语法来操作对象和数组。
Rest 属性使我们可以将一组不定数量的参数放在一个数组中，并在函数内部使用它们。Spread 属性使我们可以将一个数组或对象展开成独立的变量。
下面是一个使用 Rest/Spread 属性的示例代码：
const object1 = {name: 'Tom'};
const object2 = {age: 24};
const object3 = {...object1, ...object2};
console.log(object3);
// Output: {name: 'Tom', age: 24}
function sum(...numbers) {
return numbers.reduce((a, b) => a + b);
}
console.log(sum(1, 2, 3, 4, 5));
// Output: 15在上面的代码中，我们使用了 Spread 属性来将两个对象组合成一个新对象，使用 Rest 属性将传入的参数收集成一个数组，并在函数内部使用它们。
Promise.prototype.finally()
在ES9中，Promise.prototype.finally() 成为了一个正式的特性。这个方法接受一个回调函数,当 promise 状态变成 fulfilled 或 rejected 时，无论如何都会执行这个回调函数。
下面是一个使用 Promise.prototype.finally() 的示例代码：
fetch('https://jsonplaceholder.typicode.com/posts')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
.finally(() => console.log('Finished fetching posts'));在上面的代码中，我们使用 Promise.prototype.finally() 在 Promise 被回调时执行一段代码。
Object.fromEntries()
在ES9中，Object.fromEntries()是一个新的静态方法。它接受一个键值对的迭代器对象，并将这些键值对转换为一个对象。
下面是一个使用 Object.fromEntries() 的示例代码：
const entries = [['foo', 1], ['bar', 2]];
const obj = Object.fromEntries(entries);
console.log(obj);
// Output: {foo: 1, bar: 2}在上面的代码中，我们使用 Object.fromEntries() 将一个键值对的数组转换为一个对象。
结论
ES9带来了很多新的特性，为开发者提供了更好的编写代码的方式，特别是在异步编程、对象和数组操作方面。上面的示例代码说明了这些新特性的使用方法。掌握ECMAScript的新特性可以加强我们的编程能力，提高开发效率，实践和学习这些新特性是我们作为前端开发者必须要做的。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66fbc876447136260162cdfe