ES2016 特性及简单示例

介绍

ES2016 又名 ES7，是 ECMAScript 2016 年对应的版本。此版本不像 ES6（2015 年）那样包含那么多新功能。但是，也包含了一些有用的功能。

本文通过简单的代码示例介绍了 ES2016 提供的功能。这样，您无需复杂的解释即可快速理解这些新功能。

当然，要完全理解所介绍的最佳内容，必须具备 JavaScript 的基础知识。

ES2016 中的新 #JavaScript 功能包括：

➡️Array.prototype.includes
➡️️指数运算符

数组.prototype.includes

includes() 方法确定数组的条目中是否包含某个值，并根据情况返回true或false 。

Array.prototype.includes 返回一个布尔值，如果在数组中找到值valueToFind则为true 。

无论符号如何，零值都被视为相等，但假不被认为与 0 相同。

const fruits = [🍐, 🥑, 🍇];

fruits.includes(🥑)      // true
fruits.includes(🍉)      // false
fruits.includes(🍇, 3)   // false
fruits.includes(🍇, -1)  // true
fruits.includes(NaN)  // true

如果fromIndex大于或等于数组的长度，则返回false，不会搜索该数组。

const fruits = [🍐, 🥑, 🍇];

fruits.includes(🍇, 3)    // false
fruits.includes(🍇, 100)  // false

如果fromIndex为负数，则计算索引作为数组中开始搜索valueToFind 的位置。如果计算索引小于或等于 -1 * arr.length，则将搜索整个数组。

const fruits = [🍐, 🥑, 🍇]

fruits.includes(🍐, -100) // true
fruits.includes(🥑, -100) // true
fruits.includes(🍇, -100) // true
fruits.includes(🍐, -2)   // false

// array length is 3
// fromIndex is -100
// computed index is 3 + (-100) = -97

指数运算符

指数运算符（**）是用于指数运算的中缀运算符。

    **Math**.pow(x,y);

产生的结果与

    x ** y

结论

JavaScript 是一门充满活力的语言，这对于 Web 开发来说意义非凡。自 2015 年 ES6 发布以来，我们见证了这门语言的蓬勃发展。在本文中，我们回顾了 ES2016（又称 ES7）中新增的一些特性。

尽管其中的许多功能对于 Web 应用程序的开发来说可能并非必不可少，但它们提供了以前需要使用技巧或冗长代码才能实现的可能性。