详解 ES7 中的 Exponentiation Operator（**）运算符

在 ECMAScript 2016 （ES7）中，引入了一个新的运算符——Exponentiation Operator，它用于计算一个数的幂次方。这个运算符以两个星号（**）表示，可以与等号（=）一起使用，也可以单独使用。

语法

Exponentiation Operator 的语法如下：

a ** b

其中，a 和 b 都是数字类型的值，表示 a 的 b 次幂。

示例

我们来看一个简单的示例，计算 2 的 3 次幂：

const result = 2 ** 3;
console.log(result); // 输出 8

在这个例子中，我们使用了 Exponentiation Operator 来计算 2 的 3 次幂，得到了结果 8。

指数运算符的结合性

Exponentiation Operator 具有右结合性，这意味着多个指数运算符的计算顺序是从右往左。例如：

const result = 2 ** 3 ** 2;
console.log(result); // 输出 512

在这个例子中，我们使用了两个指数运算符来计算 2 的 3 次幂的平方。由于指数运算符是右结合的，计算顺序是从右往左，所以先计算 3 的 2 次幂得到 9，然后再计算 2 的 9 次幂得到 512。

指数运算符与其他运算符的运算顺序

在运算表达式中，Exponentiation Operator 与其他运算符的运算顺序是有一定规则的。具体规则如下：

• Exponentiation Operator 的优先级最高；
• *与乘法（）、除法（/）和取模（%）的运算顺序相同（先乘除模，后加减）；
• **与加法（+）和减法（-）的运算顺序相同（先加减，后乘除模和 **）；
• **与比较运算符和等于（==、!=、<=、>=、<、>、===、!==）的运算顺序相同。

例如：

const result = (2 + 3) ** 2;
console.log(result); // 输出 25

在这个例子中，我们使用了括号来明确运算顺序，先计算 2 + 3 的值 5，然后再计算 5 的平方，得到结果 25。

指数运算符的注意事项

在使用 Exponentiation Operator 进行运算时，需要注意以下几点：

• 使用 Exponentiation Operator 时，必须要有一个数是数字类型的值，否则会抛出 TypeError 异常；
• 在浏览器端使用时，可能存在兼容性问题，建议使用 Babel 等工具进行转译。

总结

本文详细介绍了 ES7 中的 Exponentiation Operator 运算符，包括其语法、示例、结合性、运算顺序和注意事项等。在使用 Exponentiation Operator 进行运算时，需要注意运算顺序和数据类型等细节，避免出现错误。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654b22137d4982a6eb516d61