ECMAScript 2018 是 JavaScript 的最新版本，它带来了许多有趣的新特性，本文将逐一介绍这些特性并提供有实际应用的示例代码。
Promise.prototype.finally
Promise 是 JavaScript 里非常常用的一个 API，但在 Promise 中使用 finally 清理资源一直是一个挑战。在 ECMAScript 2018 中，Promise.prototype.finally 方法正式加入标准。
finally 方法允许你在 Promise 调用结束时，无论它是成功还是失败，都运行一些代码。例如：
fetch('http://example.com/movies.json')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
.finally(() => console.log('fetching is done!'));Rest/Spread 属性
在 ECMAScript 2015 中，JavaScript 引入了 Rest/Spread 操作符，它们的语法很相似，但含义不同。
在 ECMAScript 2018 中，Rest/Spread 属性也正式加入标准。这些属性可用于对象、数组和函数参数。在对象上使用，它可以展开对象的所有属性。例如：
const obj1 = { x: 1, y: 2 };
const obj2 = { ...obj1, z: 3 };
console.log(obj2); // { x: 1, y: 2, z: 3 }在数组中，它可以展开数组的所有元素。例如：
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = [...arr1, ...arr2]; console.log(arr3); // [1, 2, 3, 4, 5, 6]
在函数中，它允许你使用更少的代码处理参数。例如：
function myFunction(x, y, z) {
console.log(x, y, z);
}
const args = [0, 1, 2];
myFunction(...args); // 0 1 2异步迭代器
在 ECMAScript 2015 中，引入了迭代器模式，它允许你轻松迭代数组或对象。在 ECMAScript 2018 中，异步迭代器正式加入标准。
使用异步迭代器很容易地处理来自异步源（比如网络请求）的数据。在循环体中使用 for-await-of 语法，并在异步函数中返回一个迭代器对象即可。
-- -------------------- ---- -------
----- --------- ---------------- -
--- - - --
----- -- - -- -
----- --- --------------- -- ------------------- ------- -- ----
----- ----
-
-
----- -------- ----------- -
--- ----- ---- ----- -- ----------------- -
-------------------
-
-
------------
-- - ---- -
-- - ---- -
-- - ---- -模板字符串增强
在 ECMAScript 6 中，我们已经知道了模板字符串，它提供了一种更易读的方式来格式化文本。在 ECMAScript 2018 中，新增了一些功能，可以进一步提高模板字符串的灵活性。
首先，你可以使用更自然的跨行字符串，在使用某些字符串时特别有用。例如：
const str = `第一行 第二行`; console.log(str); // 第一行 // 第二行
其次，你可以使用标签函数来处理模板字符串。标签函数是一个函数，它用于处理模板字符串中的所有内容。例如：
-- -------------------- ---- -------
-------- -------------- ---------- -
------ -------------------- ---- -- -- -
----- ----- - -------- - -- -- ---
------ --- - --- - ------
-- ------------------
-
----- ---- - --------
----- --- - ---
----- --- - ----------- -------- --- --- ------ ----- ------
----------------- -- ----- ------ --- --- -- ----- ----其它静态特性改进
在 ECMAScript 2018 中还有许多其它静态特性的改进，包括：
- 对于对象字面量，允许在属性名和键名上使用相同的语法。
- 对于正则表达式，允许 s 和 y 标志，它们在某些场景下比 g 更适用。
- 简化了原型链的 get 和 set 语法。
这些特性都对 JavaScript 的开发者带来了巨大的帮助。
总结
ECMAScript 2018 的新特性可以帮助开发者编写更加清晰和简短的代码，它们在方便性和可读性上都有很大进步，同时也给 JavaScript 开发者带来了更多的灵活性。在你的下一个 JavaScript 项目中，试试这些新特性，看看它们如何改善你的工作！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c617dd4908f32798b26f57