ES2016，也叫做 ES7，是 ECMAScript 的第七个版本，在 2016 年 6 月发布。ES2016 版本增加了一些新的功能来提高开发效率和代码可读性，本文将详细介绍 ES2016 的新特性，并提供示例代码帮助读者更好地理解。
Array.prototype.includes
Array.prototype.includes 方法用于判断一个数组是否包含一个指定的值，返回值为布尔值。在 ES6 中，已经有了 Array.prototype.indexOf 方法来实现相同的功能，但是 indexOf 方法对于一些特殊的值并不太好用，如 NaN、-0 等。
比如，对于一个包含 NaN 值的数组，使用 indexOf 方法查找 NaN 值时，得到的结果并不是预期的。
let arr = [1, 2, NaN]; console.log(arr.indexOf(NaN)); // 输出 -1，表示未找到
而使用 includes 方法就能得到正确的结果。
let arr = [1, 2, NaN]; console.log(arr.includes(NaN)); // 输出 true
指数运算符
ES2016 引入了一个新的运算符，叫做指数运算符，使用两个乘号 ** 表示。指数运算符可以方便地进行指数运算。
console.log(2 ** 3); // 输出 8 console.log(10 ** -1); // 输出 0.1
函数参数默认值
ES2016 允许在函数定义时为参数设置默认值，这样在调用函数时如果没有传入对应的参数，该参数就会取默认值。如果传入了参数，则会使用传入的值而不是默认值。
function hello(name = 'world') {
console.log(`Hello, ${name}!`);
}
hello(); // 输出 Hello, world!
hello('Alice'); // 输出 Hello, Alice!Array.prototype.flat
Array.prototype.flat 方法可以将一个嵌套多层的数组展开成一个一维数组。该方法的参数为展开的层数，默认为 1 层。
let arr = [1, [2, [3]]]; console.log(arr.flat()); // 输出 [1, 2, [3]] console.log(arr.flat(2)); // 输出 [1, 2, 3]
Array.prototype.flatMap
Array.prototype.flatMap 方法将一个数组映射成另一个数组，并且可以一并展开结果数组。该方法的参数为一个回调函数，该回调函数接受数组的每个元素作为参数，并返回一个新数组。函数返回的新数组会被自动展开成一个一维数组。
let arr = [1, 2, 3]; console.log(arr.flatMap(x => [x * 2])); // 输出 [2, 4, 6]
Object.values 和 Object.entries
ES2016 增加了两个新的方法，分别是 Object.values 和 Object.entries。
Object.values 方法返回一个由对象的所有值组成的数组，该数组的顺序是对象自身可枚举属性的值的顺序。
let obj = { foo: 'bar', baz: 42 };
console.log(Object.values(obj)); // 输出 ['bar', 42]Object.entries 方法返回一个由所有键值对组成的数组，该数组的每个元素都是一个数组，其中第一个元素为键名，第二个元素为对应的值。
let obj = { foo: 'bar', baz: 42 };
console.log(Object.entries(obj)); // 输出 [['foo', 'bar'], ['baz', 42]]async/await
ES2016 引入了 async 和 await 关键字，用于异步编程。
async 表示该函数是异步的，在函数内部可以使用 await 关键字等待其他异步操作完成。使用 async/await 可以用同步方式编写异步代码，提高代码可读性和可维护性。
-- -------------------- ---- ------- -------- --------- - ------ --- --------------- -- ------------------- ----- - ----- -------- ------- - ----- ------------ ------------------- --------- - -------- -- ---- - ---- ------- -------
结论
ES2016 引入了许多实用的新特性，包括 Array.prototpe.includes、指数运算符、函数参数默认值、Array.prototype.flat、Array.prototype.flatMap、Object.values、Object.entries 和 async/await。这些特性可以让我们更加容易地编写高效、可读、可维护的前端代码。在实际开发中，我们应该熟练掌握这些新特性，以便更好地发挥我们的创造力和编码能力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672875662e7021665e204aaf