在JavaScript的世界里，ES6 - ES11带来了许多令人兴奋的新特性，这些特性极大地提升了JavaScript的表达力和开发效率。今天，我们就来全面总结一下这些版本的新特性。
ES6 (ECMAScript 2015)
-
模块化：允许将代码分割成独立模块，通过
export和import进行导入导出，这使得代码的组织和管理更加清晰、模块化。例如，一个大型项目中可以将不同功能的代码拆分到不同模块，方便维护和复用。 -
箭头函数：提供了一种更简洁的函数写法。如
(x) => x * 2，当函数体只有一条语句时，还可省略花括号和return关键字。而且它继承外层作用域的this值，在处理回调函数的this指向问题时很方便。 -
类：基于现有的原型链继承机制的语法糖，使用
class关键字定义类，使面向对象编程更清晰易懂，还能通过extends关键字实现类的继承。 -
Promise：解决了异步编程中的回调地狱问题，让异步操作的管理更加规范和便捷。
-
解构赋值：从数组或对象中提取数据并赋值给变量，无论是数组解构还是对象解构，都让代码更简洁。比如从对象
{ x: 10, y: 20 }中，可以用const { x, y } = { x: 10, y: 20 };直接提取属性值。 -
模板字符串：使用反引号（
`）包裹字符串，可以嵌入变量和表达式，如const message =My name is ${name} and I am ${age} years old.;。 -
默认参数：为函数参数提供默认值，简化了函数调用逻辑。
ES7 (ECMAScript 2016)
-
Array.prototype.includes()：提供了一种简洁的方法来检查数组是否包含某个元素。例如
[1, 2, 3].includes(2)会返回true。 -
指数运算符（）**：简化了幂运算的书写，如
2 ** 3表示2的3次幂。
ES8 (ECMAScript 2017)
-
async/await：让异步代码的书写和阅读更接近同步代码，进一步简化了异步编程的复杂度。
-
Object.values()和Object.entries()：
Object.values()返回对象自身的所有可枚举属性值组成的数组，Object.entries()则返回对象自身的所有可枚举属性的键值对数组。 -
字符串填充方法（.padStart和.padEnd）：用于填充字符串到指定长度，比如
'1'.padStart(2, '0')会返回'01'。
ES9 (ECMAScript 2018)
-
Promise.finally()：允许在
Promise结束时执行清理代码，无论Promise是成功还是失败。 -
异步迭代器：允许在异步循环中使用
async函数。 -
剩余参数和扩展运算符的新用法：在函数调用和数组构造时提供更灵活的参数处理方式。
ES10 (ECMAScript 2019)
-
String.prototype.matchAll：返回一个包含所有匹配正则表达式及分组捕获结果的迭代器。
-
Array.prototype.flat和flatMap：
flat()扁平化数组，flatMap()先映射再扁平化。 -
Object.fromEntries：将键值对列表转换成对象。
ES11 (ECMAScript 2020)
-
可选链（Optional Chaining）：允许安全地访问深层嵌套的对象属性。
-
空值合并运算符（Nullish Coalescing Operator）：当左侧操作数为
null或undefined时，返回右侧操作数，否则返回左侧操作数。 -
Promise.allSettled：等待所有的
Promise解决，无论成功或失败，返回每个Promise的状态。 -
动态import()：允许程序运行时加载模块。
-
大整数（Big Integers）：支持超出安全整数范围的整数。
-
globalThis：提供一个全局的
This值。
掌握这些ES6 - ES11的新特性，无论是初学者还是有经验的开发者，都能编写出更高效、可读性更高的JavaScript代码。
