从 ES2015 到 ES2018，ES 的变化这么多，你是不是落后了？
JavaScript 是一门非常活跃的编程语言，它不断地推陈出新，其中的 ECMAScript (ES) 规范则是 JavaScript 的基石。自 ECMAScript 2015 (ES6) 的发布以来，JavaScript 变得更加强大、易读、易写，并且支持了更多功能和语言结构。ES 已经迭代了许多版本，从 ES2016 到 ES2018，都有一定程度的更新和改进。如果你不了解 ES2015 到 ES2018 的变化，那么你很可能已经落后了。在本文中，我们将探讨 ES2015 到 ES2018 的变化，以及它们对现代的前端开发的影响。
- ES6 (2015) 的新特性
在 ES6 中，有一些革命性的更改，其中大多数都是关于语言结构、对象、数组、函数的新特性。以下是一些 ES6 的新特性：
- 类：ES6 引入了类的概念，允许开发者在 JavaScript 中编写类似与面向对象的代码。类是一个构造函数的语法糖，可以简化对象和函数的创建和使用。
----- ------ -
----------------- -
--------- - -----
-
------- -
------------------------- ----- - --------
-
-
----- --- ------- ------ -
------- -
------------------------- --------
-
-
--- --- - --- -------------
------------ -- ------ ------- 模板字符串：可以使用反引号代替双引号和单引号，同时允许使用变量、表达式等语句。
--- ---- - ------- --------------- ---- -- ---------- -- --- ---- -- -----
- 箭头函数：简化了匿名函数的定义方式，同时消除了 this 关键字的缺陷。
--- ------- - --- -- -- --- --- --- - --------------- -- - - ---
- let 和 const：let 是块级作用域变量，const 是一个常数声明器，可以使变量只读。
--- - - -- -- ------ - --- - - -- - --------------- -- - ----- -- - ----- -- - -- -- -----
- 解构赋值：允许从数组或对象中提取值并将它们赋给变量。
--- --- -- - --- --- --- ------ ---- - ------ ------- ---- ----
- ES7 (2016) 的新特性
在 ES7 中，JavaScript 做出了更多的更新和改进，包括：
- Array.prototype.includes()：检查数组中是否包含某个元素，返回布尔值。
--- --- - --- -- --- ---------------- -- ----
- 指数操作符：用两个星号（**）表示乘方操作。
- -- -- -- -
- ES8 (2017) 的新特性
在 ES8 中，JavaScript 引入了一些有趣的新特性，包括：
- 字符串填充：字符串结构拓展，以便在字符串前面或后面添加内容，如填充字符。
--------------------- -- - ------ ------------------- -- ------ -
- Object.values() 和 Object.entries()：允许以数组形式返回对象值和键值对。
--- --- - ------ ------- ---- ---- ------------------- -- -------- --- -------------------- -- --------- -------- ------- ----
- Async/Await：更加优雅的异步编程方式。
-------- --------- -
------ --- ----------------- ------- -- -
------------- -- -
------------- ----------
-- ------
---
-
----- -------- ----------- -
----- ---- - ----- ----------
------------------ -- ----- --------
-- ES9 (2018) 的新特性
ES9 引入了一些新特性，包括：
- Promise.prototype.finally()：允许 Promise 的处理函数返回 Promise 本身。
-------- --------- -
------ --- ----------------- ------- -- -
------------- -- -
------------- ----------
-- ------
---
-
---------
---------- -- ------------------
------------ -- ---------------------
----------- -- ---------------------- Rest/Spread 属性：允许我们在对象和数组上使用 spread 剩余参数语法。
----- ------ - ------ ------- ---- --- ---- -------- ----- ----- -------- - ------- ------------------ -- ------ ------- ---- ---
结论
现代化的 JavaScript 利用了 ES2015 到 ES2018 中的新特性。如果你不熟悉这些新特性，你可能会发现自己在现代化的 JavaScript 开发中是落后的。在 ES6 中，类、模板字符串、箭头函数、let 和 const、解构赋值等是最有用的特性，并且有助于构建更好的代码。而在 ES7 中指数操作符和 Array.prototype.includes() 只是一些非常有用的语言增强特性，让我们的挫折减少了很多。ES8 和 ES9 引入了许多新特性，其中包括推进了 JavaScript 的伟大的 Async/Await 语法以及方便的 Rest/Spread 属性。这些功能使我们编写更优雅、易读、易写的代码，使得前端开发更具效率。当然，在实际项目中，也要考虑不同的兼容性问题。
参考资料
- ECMAScript® 2015 Language Specification https://tc39.github.io/ecma262/2015/
- ECMAScript® 2016 Language Specification https://tc39.github.io/ecma262/2016/
- ECMAScript® 2017 Language Specification https://tc39.github.io/ecma262/2017/
- ECMAScript® 2018 Language Specification https://tc39.github.io/ecma262/2018/
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/671063ee5f551281026a891e