Javascript 简明教程

JavaScript - Exponentiation Operator

Exponentiation Operator

JavaScript 中的 exponentiation 运算符表示为 **。指数运算符采用两个运算数，并返回提升到第二个运算数的第一个运算数的幂。

指数运算符还可以接受 BigInt 数据类型的变量作为运算数。此外，它遵循结合律，这意味着 a*b*c 和 a*(b*c) 表达式给出相同的结果。

Syntax

我们应该遵循以下语法来使用指数运算符。

let pow = x ** y;

Return value

它返回将第一个操作数 (x) 乘以第二个操作数 (y) 的幂的结果。

Examples

让我们通过一些示例详细了解指数运算符。

Example

以下示例定义了包含 2 和 3 值的 p 和 q 变量。那之后，我们使用指数运算符来获取 PQ。在输出中，您可以观察 'pow' 变量的值，为 23，等于 8。

<html>
<body>
   <div id = "output"></div>
   <script>
      let p = 2;
      let q = 3;
      let pow = p ** q;
      document.getElementById("output").innerHTML =
	  "The value of p ** q: " + pow;
   </script>
</body>
</html>

它将产生以下结果 −

The value of p ** q: 8

Example: Associativity of Exponentiation Operator

此示例演示了指数运算符遵循结合律，并从右向左计算表达式。

两个表达式在输出中都打印 6561，等于 38，其中 8 等于 23。

<html>
   <body>
   <div id="output"></div>
   <script>
      let p = 3;
      let q = 2;
      let r = 3;
      let pow1 = p ** q ** r;
      let pow2 = p ** (q ** r);

      document.getElementById("output").innerHTML =
      "pow1 = " + pow1 + "<br>" +
      "pow2 = " + pow2;
   </script>
   </body>
</html>

它将产生以下结果 −

pow1 = 6561
pow2 = 6561

Example: Exponentiation operator with BigInt variables

以下示例演示了指数运算符还可以与 bigint 数字一起使用。它在输出中返回 bigint 值。

<html>
<body>
   <div id = "output"></div>
   <script>
   let p = 10000000000000000000000000000n;
   let q = 2n;
   let pow = p ** q;
      document.getElementById("output").innerHTML = "pow = " + pow;
   </script>
</body>
</html>

它将产生以下结果 −

pow = 100000000000000000000000000000000000000000000000000000000

Example: Exponentiation operator with non-numeric values

当您使用非数字值作为指数运算符的运算数时，它会将该值转换为数字并返回结果。如果运算数无法转换为数字值，它在输出中返回 NaN。

在此处，它将“[]”转换为 0 并给出正确的结果。字符串“2a”的数字值为 NaN，因此它在输出中打印 NaN。如果数组包含单个数字元素，则它将解析该元素。否则，如果数组包含多个元素，则它将评估 NaN。

<html>
<body>
   <div id = "output"></div>
   <script>
      const output = document.getElementById("output");
      let pow = 2 ** []; // Number([]) = 0
      output .innerHTML = "10 ** [] = " + pow + "<br>";
      pow = [] ** 2; // Number([]) = 0
      output.innerHTML += "[] ** 2 = " + pow + "<br>";
      pow = 2 ** [2]; // Number([2]) = 2
      output.innerHTML += "10 ** [2] = " + pow + "<br>";
      pow = "2" ** 2; // Number("2") = 2
      output.innerHTML += "2 ** 2 = " + pow + "<br>";
      pow = "2a" ** 2; // Number("2a") = NaN
      output.innerHTML += "2a ** 2 = " + pow + "<br>";
      pow = [2, 3] ** 2; // Number([2, 3]) = NaN
      output.innerHTML += "[2, 3] ** 2 = " + pow + "<br>";
  </script>
</body>
</html>

它将产生以下结果 −

10 ** [] = 1
[] ** 2 = 0
10 ** [2] = 4
2 ** 2 = 4
2a ** 2 = NaN
[2, 3] ** 2 = NaN