JavaScript 指数运算符

2025年3月18日 | 阅读 5 分钟

指数（**）运算符返回将第一个输入值提升到第二个输入值幂的输出。它与 Math.pow() 相同，只是它也接受 BigInt 作为操作数。

JavaScript 指数运算符用于计算给定幂数据的指数值。它是 Math.pow() 函数的替代品，以获得更好的操作。我们可以使用正数、负数和数字输入数据进行计算。

语法

以下语法是使用指数运算符的符号。

或

"First_value" 是操作的输入值。
"second_value" 是给定输入值的幂。
根据要求，第一个和第二个输入值均接受为数字数据。

Math.pow() 运算符的缺点

math.pow() 运算符不允许 bigint 数据进行计算。它接受一个值并将其转换为整数值。
指数（**）运算符用于将给定值作为数字类型。其他数据将被忽略或不用于计算。
math.pow() 运算符不使用 bigint 值。指数运算符接受 bigint 值。
让我们看一下 Math.pow() 和指数（**）运算符的示例。两个运算符的输入值不同。

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript exponentiation operator</h2>
<p id = "demovalue"></p>
<script>
let result = 2n ** 3n;
console.log(result); 
let result2 = Math.pow(2,3);
document.getElementById("demovalue").innerHTML = 
"The '**' operator: "+ result+"<br> The 'Math.pow()' operator:"+result2;
</script>
</body>
</html>

输出

下图显示了不同的输入值和输出数据。

示例

以下示例显示了指数运算符及其工作过程。

示例 1:

下面展示了基本的指数运算符及其工作过程。

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript exponentiation operator</h2>
<p id = "demovalue"> </p>
<p id = "demovalue1"> </p>
<p id = "demovalue2"> </p>
<p id = "demovalue3"> </p>
<script>
let result = 4 ** 4;
let result2 = 4 ** 5;
let result3 = 4 ** 15;
let result4 = 14 ** 5;
document.getElementById("demovalue").innerHTML = 
"The '4**4' operator: "+ result;
document.getElementById("demovalue1").innerHTML = 
"The '4**5' operator: "+ result2;
document.getElementById("demovalue2").innerHTML = 
"The '4**15' operator: "+ result3;
document.getElementById("demovalue3").innerHTML = 
"The '14**5' operator: "+ result4;
</script>
</body>
</html>

输出

运算符的基本值显示在输出图像中。

示例 2:

下面显示了带有负输入值的基本指数运算符。

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript exponentiation operator</h2>
<p id = "demovalue"> </p>
<p id = "demovalue1"> </p>
<p id = "demovalue2"> </p>
<p id = "demovalue3"> </p>
<p id = "demovalue4"> </p>
<p id = "demovalue5"> </p>
<script>
let result = (-4) ** 4;
let result2 = (-4) ** 5;
let result3 = 4 ** (-5);
let result4 = 4 ** (-4);
let result5 = (-4) ** (-4);
let result6 = (-4) ** (-5);
document.getElementById("demovalue").innerHTML = 
"The '(-4) ** 4' operator: "+ result;
document.getElementById("demovalue1").innerHTML = 
"The '(-4) ** 5' operator: "+ result2;
document.getElementById("demovalue2").innerHTML = 
"The '4 ** (-5)' operator: "+ result3;
document.getElementById("demovalue3").innerHTML = 
"The '4 ** (-4)' operator: "+ result4;
document.getElementById("demovalue4").innerHTML = 
"The '(-4) ** (-4)' operator: "+ result5;
document.getElementById("demovalue5").innerHTML = 
"The '(-4) ** (-5)' operator: "+ result6;
</script>
</body>
</html>

输出

运算符的基本值显示在输出图像中。

示例 3：下面示例中显示了带有大数值的基本指数运算符。

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript exponentiation operator</h2>
<p id = "demovalue"> </p>
<p id = "demovalue1"> </p>
<p id = "demovalue2"> </p>
<p id = "demovalue3"> </p>
<script>
let result = (-411111) ** (2);
let result2 = 2 ** 1225;
let result3 = 2 ** 225;
let result4 = 54115311 ** (-4);
document.getElementById("demovalue").innerHTML = 
"The '(-411111) ** (2)' operator: "+ result;
document.getElementById("demovalue1").innerHTML = 
"The '2 ** 1225' operator: "+ result2;
document.getElementById("demovalue2").innerHTML = 
"The '2 ** 225' operator: "+ result3;
document.getElementById("demovalue3").innerHTML = 
"The '54115311 ** (-4)' operator: "+ result4;
</script>
</body>
</html>

输出

运算符的基本值显示在输出图像中。

示例 4:

下面是带有输入数据的多个指数运算符的示例。

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript exponentiation operator</h2>
<p id = "demovalue"> </p>
<p id = "demovalue1"> </p>
<p id = "demovalue2"> </p>
<p id = "demovalue3"> </p>
<p id = "demovalue4"> </p>
<script>
let result = 2 ** 2 ** 2;
let result2 = 4 ** 5 ** 2;
let result3 = 2 ** 2 ** 3 ** 1;
let result4 = 2 ** 2 ** (-3) ** 1;
let result5 = 2 ** (-3) ** (-3) ** 1;
document.getElementById("demovalue").innerHTML = 
"The '2 ** 2 ** 2' operator: "+ result;
document.getElementById("demovalue1").innerHTML = 
"The '4 ** 5 ** 2' operator: "+ result2;
document.getElementById("demovalue2").innerHTML = 
"The '2 ** 2 ** 3 ** 1' operator: "+ result3;
document.getElementById("demovalue3").innerHTML = 
"The '2 ** 2 ** (-3) ** 1' operator: "+ result4;
document.getElementById("demovalue4").innerHTML = 
"The '2 ** (-3) ** (-3) ** 1' operator: "+ result5;
</script>
</body>
</html>

输出

运算符的基本值显示在输出图像中。

示例 5:

下面是带有 bigint 数据的基本指数运算符的示例。

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript exponentiation operator</h2>
<p id = "demovalue"> </p>
<p id = "demovalue1"> </p>
<p id = "demovalue2"> </p>
<p id = "demovalue3"> </p>
<script>
let result = 3n ** 3n;
let result2 = 4n ** 5n;
let result3 = 3n ** 3n ** 3n;
let result4 = 4n ** 5n ** 2n;
document.getElementById("demovalue").innerHTML = 
"The '3n ** 3n' operator: "+ result;
document.getElementById("demovalue1").innerHTML = 
"The '4n ** 5n' operator: "+ result2;
document.getElementById("demovalue2").innerHTML = 
"The '3n ** 3n ** 3n' operator: "+ result3;
document.getElementById("demovalue3").innerHTML = 
"The '4 ** (-4)' operator: "+ result4;
document.getElementById("demovalue4").innerHTML = 
"The '(-4) ** (-4)' operator: "+ result5;
document.getElementById("demovalue5").innerHTML = 
"The '4n ** 5n ** 2n' operator: "+ result6;
</script>
</body>
</html>

输出

运算符的基本值显示在输出图像中。

示例 6:

下面显示了带有其他运算符的基本指数运算符。

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript exponentiation operator</h2>
<p id = "demovalue"> </p>
<p id = "demovalue1"> </p>
<p id = "demovalue2"> </p>
<p id = "demovalue3"> </p>
<p id = "demovalue4"> </p>
<script>
let result = 3;
result **= 2;
let result2 = (-3);
result2 **= 3;
let result3 = (-3);
result3 **= 4;
let result4 = 5;
result4 **= result4;
let result5 = 3+6;
result5 **= 3;
document.getElementById("demovalue").innerHTML = 
"The exponentiation operator: "+ result;
document.getElementById("demovalue1").innerHTML = 
"The exponentiation operator: "+ result2;
document.getElementById("demovalue2").innerHTML = 
"The exponentiation operator: "+ result3;
document.getElementById("demovalue3").innerHTML = 
"The exponentiation operator: "+ result4;
document.getElementById("demovalue4").innerHTML = 
"The exponentiation operator: "+ result5;
</script>
</body>
</html>

输出

运算符的基本值显示在输出图像中。

指数运算符的语法错误

负值需要写在简单的括号中。如果我们像使用正输入数据那样直接使用它，JavaScript 会在控制台中显示语法错误。

让我们看一下指数运算符语法错误的示例。

<!DOCTYPE html>
<html>
<body>
<h2>JavaScript exponentiation operator</h2>
<p id = "demovalue"> </p>
<p id = "demovalue1"> </p>
<script>
let result = -3 ** 2;
document.getElementById("demovalue").innerHTML = 
"The exponentiation operator: "+ result;
</script>
</body>
</html>

输出

运算符的语法错误显示在输出图像中。

结论

指数运算符是最先进、最新的运算符，用于计算和获取指数值。它是一个简单、易于使用且对用户和开发人员友好的 JavaScript 运算符。

下一主题JavaScript indexedDB

JavaScript 指数运算符

Math.pow() 运算符的缺点

指数运算符的语法错误

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

JavaScript 基础

JS 变量和数据类型

JS 控制语句

JavaScript 函数

JavaScript 对象

JS 高级函数

JS Promises & Async/Await

JavaScript DOM

JavaScript JSON 对象

JavaScript 验证

JavaScript Cookies

异常处理

JavaScript 集合

JavaScript 事件

JavaScript OOPs

JavaScript BOM

面试题

选择题

差异

JavaScript Map 方法

JavaScript Handler

JavaScript Number 方法

JavaScript Reflect

JavaScript Symbol

Symbol 属性

JavaScript Math 方法

JavaScript Date 方法

JavaScript DataView

JavaScript Object 方法

JavaScript Set 方法

JavaScript 字符串方法

JavaScript TypedArray 方法

JavaScript WeakMap 方法

JavaScript WeakSet 方法

JavaScript 数组方法

JavaScript RegExp 对象

JavaScript 附加内容

JavaScript 杂项

JavaScript 进阶

问题

Lodash

JavaScript 指数运算符

Math.pow() 运算符的缺点

指数运算符的语法错误

结论

相关帖子

如何使用 JavaScript 创建动态表格

JavaScript String startsWith

从 JavaScript IndexedDB 读取数据

使用 Filterizr.js 进行可过滤的图库

如何使用 JavaScript 选择所有复选框

JavaScript 中的 indexof 和 search 之间的区别

JavaScript onmousewheel 事件

Javascript Async Generator 函数

JavaScript 中的 mousemove 事件

JavaScript appendchild() 方法

订阅 Tpoint Tech

联系信息

关注我们

教程