JS进阶 | ES7知识点解析

「这是我参与2022首次更文挑战的第15天，活动详情查看：2022首次更文挑战」

JS进阶系列文章

ES7语法

ES7又称ES2016，在ES6之后的语法我们都统称为ES6+，下面我们来看看ES7中新增的新语法。它们分别是数组中新增的includes方法和求幂运算符**。

array includes

includes方法用于判断一个元素是否存在于一个数组中

在之前，我们判断一个值是否在数组中，通常会使用Array.indexOf来进行判断，而在ES7之后，我们可以使用Array.includes进行判断。

ES5中使用Array.indexOf方法：

const names = ["abc", "cba", "nba", "mba", NaN];

if (names.indexOf("cba") !== -1) {
  console.log("包含abc元素");
}
复制代码

ES7中使用Array.includes方法：

const names = ["abc", "cba", "nba", "mba", NaN];

if (names.includes("cba", 2)) {
  console.log("包含abc元素");
}
复制代码

关于NaN的判断

在includes方法里可以内数组中判断出是否存在NaN值，而indexOf无法正确判断出来。

const names = ["abc", "cba", "nba", "mba", NaN];

if (names.indexOf(NaN) !== -1) {
  console.log("包含NaN");
}

if (names.includes(NaN)) {
  console.log("包含NaN");
}
复制代码

求幂运算符

求幂运算符（**）返回将第一个操作数加到第二个操作数的幂的结果。它等效于Math.pow，你可以理解它就和+、-运算符一样。

在ES5的时候，我们通过求一个数的次幂通常是通过Math.pow方法操作的。

const result = Math.pow(3, 3);
复制代码

现在，我们可以直接使用**运算符直接求幂。且写法简洁很多。

const result2 = 3 ** 3;
复制代码

也可以使用BigInts作为操作数。

什么是BigInt（ES11）

是ES11中新增的一种基本数据类型，它可以是任意大的整数。它解决了Number类型的限制。

当一个数大于Number类型所能表示的最大整数时，这个数会被四舍五入。那么会损害程序的可靠性和安全性。

9007199254740992 === 9007199254740993; // true
复制代码

为了解决这个限制，可以使用BigInt类型来解决这个问题。

BigInt("9007199254740998"); // 9007199254740998n
复制代码

出了使用BigInt构造函数创建BigInt类型的值，也可以在数字后面添加上n即可。

console.log(typeof 9007199254740998n) // bigint
复制代码

与Number的区别

BigInt不能使用Math对象中的方法
不能和Nunber进行运算
BigInt转Number类型可能出现失去精度