从 ES6 到 ES2020：JavaScript 版本演变史
JavaScript 版本的演变史是一个不断进化的过程。JavaScript 从 1995 年首次发布以来，不断地经历了各种变化和加强。特别是在最近的几年，ECMAScript 组织（即 ECMA 国际组织）每年发布了一个新版本的标准（从 ES6 到 ES2020），同时其遵循的开发步伐也越发地频繁和及时。这篇文章主要介绍了 JavaScript 的版本演变史，介绍了每个版本的新特性和用途，并且给出了有关这些特性的示例代码。
ES6
ES6（ECMAScript 2015）是 JavaScript 最重要的一个版本。它引入了许多最常用的功能，例如 let 和 const 关键字来定义变量，箭头函数，模板字面量，对数组和对象的扩展操作和解构赋值。
-- -------------------- ---- ------- ----------- --- - - -- - - -- ----- - - -- ------ ----- ----- - -- -- - ------------------ --------- -- ------- ----- ---- - -------- ------------------ ----------- ------ ----- ------- - --- -- --- ----- --- -- -- - -------- -------------- -- --- --------- ----- ------ - - ----- ------ ---- -- -- ----- --------- - - ---------- --------- -------- -- -----------------------
ES7
ES7（ECMAScript 2016）引入了两个新的功能：数组有一个 includes() 方法，用于检查数组中是否存在某个元素。另外，指数运算符（**）可用于计算一个数字的幂次方。
//includes()方法 const numbers = [1, 2, 3, 4]; console.log(numbers.includes(3)); //指数运算符 console.log(2 ** 3); //输出 8
ES8
ES8（ECMAScript 2017）引入了三个新的功能，其中 async/await 是其中最重要的一个。async/await 让异步代码的编写更加容易，可以更好地处理回调地狱的问题。Object.values() 和 Object.entries() 方法允许你从对象中获取值或键值对。
-- -------------------- ---- ------- ------------- ----- -------- ------------ - ----- -------- - ----- ----------- ----- ---- - ---------------- ------ ----- - ------------------------------------ ----- ------ - - ----- ------ ---- -- -- ----------------------------------- ------------------------------------
ES9
ES9（ECMAScript 2018）引入的功能有：Promise.prototype.finally()，执行异步代码成功或失败后，总是执行 finally 块。对函数引入了 rest 和 spread 运算符。 引入了一个原始的正则表达式的功能，可以忽略不匹配的字符。
-- -------------------- ---- -------
-------------------------------
--- --------------- -- -
------------- -- -
--------------------
-- ------
--
------------ -- -
------------------ ------------
--
------------ -- -
--------------------- -----------
--
----------- -- -
---------------------
---
----------------
-------- -------------------- -------- -
------ ---------- -- ---------- - ---
-
----------------------- -- -- ----
---------------
----- --- - ---------------
---------------------------------------ES10
ES10（ECMAScript 2019）引入两个新的功能。Array.prototype.flat() 方法可以将嵌套数组平整化。另一个新功能是 Object.fromEntries() 方法允许你从键值对数组中创建一个新对象。
//Array.prototype.flat()方法 const arr = [1, [2, 3], [[4, 5], [6, 7]]]; console.log(arr.flat(2)); //Object.fromEntries()方法 const arr = [["name", "Alice"], ["age", 30]]; console.log(Object.fromEntries(arr));
ES11
ES11（ECMAScript 2020）引入了许多新功能，其中大部分都是关于 JavaScript 程序代码写法的语法糖。其中最重要的两个语言特性包括：可选链操作符（?）可用于防止代码中的异常。新的 import.meta 运算符在 JavaScript 模块中引入元数据。
-- -------------------- ---- -------
--------
----- ------ - -
----- ------
-------- -
----- --------
-
--
----------------------------------
----------------
-----------------------------总结
逐一介绍了从 ES6 到 ES2020 引入的新功能。JavaScript 的进化之路注重于扩展语言的功能以及更好地掌控语言的底层机制和行为。在使用这些新功能之前，我们要了解其如何影响我们的代码和实践，并始终保持更新，了解最新的 JavaScript 版本。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6485d2bf48841e98944878ea