ESNext (ES6-ES11)

前言

几天前，我用各种手写方法复原 ES6 中各种新的方法时，突然回想起了大一（或是大二）第一次写网页时的场景，当时内心是崩溃的。

• HTML：一点儿也不好玩，太多重复的按键要敲了
• CSS：配色真折磨人，全用灰色好了
• JS：简直就是糟心，每一个函数好用的，连改个标签的 Classname 都这么麻烦
• ...

当时没能想到，其实做了几年前端程序员之后，槽点其实还是那几个没变。

• HTML：代码的信息含量太低了，该敲的字符还是一个不能少
• CSS：尽管有无数新特性，但几乎都是玩具特性，是能用上的数量实在有限
• JS：新东西你尽管加，只是功能函数还不得手写？
• ...

害，吐槽完之后，内心还是想着要好好看看新东西的。就从 JS 开始吧

ES6

• Arrow Functions
• Modules (import/export)
• Promises
• Default function parameters
• Array/Object Destructuring
• Let/Const Variable Declaration
• Proxy
• Template Strings
• Rest/Spread Operators
• Class
• Iterators and Generators
• Symbol

ES7

• Array.includes()
• Exponential Operator

ES8

• Async/Await

ES9

• Rest/Spread Operator for Objects

ES10

• Catch (without an error)

ES11

• Dynamic Import
• BigInt
• Nullish Coalescing Operator (??)
• Optional Chaining (?.)