JavaScript - 分组运算符

JavaScript 分组运算符

JavaScript 中的分组运算符控制表达式中计算的优先级。它由括号（）表示，您可以将表达式放在其中以更改表达式的计算顺序。它有助于在优先级较高的表达式之前计算优先级较低的表达式。

语法

您可以按照以下语法使用分组运算符 –


 ( exp )

在上面的语法中， 'exp' 是一个用于更改计算优先级的表达式。


let res1 = 4 + 5 * 6; // 4 + 30
let res2 = (4 + 5) * 6; // 9 + 6

JavaScript 中的乘法（*）运算符比加法（+）运算符具有更高的优先级。因此，当上面的代码计算第一个表达式时，它会将 5 和 6 相乘，并将结果值加到 4。

在第二个表达式中，我们使用分组运算符对（4 + 5）表达式进行分组，以使其具有比普通运算符更高的优先级。因此，它首先将 4 和 5 相加，然后将结果值乘以 6。

例


<html>
<body>
<div id="output"></div>
<script>
	 	let res1 = 4 + 5 * 6;
	 	let res2 = (4 + 5) * 6;
	 	document.getElementById("output").innerHTML =
	 	"Result 1: " + res1 + "<br>" +
	 	"Result 2: " + res2;
</script>
</body>
</html>

它将产生以下结果 -

Result 1: 34
Result 2: 54

立即调用的函数表达式（IIFE）

要在 JavaScript 中定义立即调用的函数，我们使用分组运算符。匿名函数定义放在分组运算符内。这些函数也称为自执行函数。


 (function () { return 5; })();

在上面的例子中，函数定义 “function （） { return 5;}” in put 在分组运算符内。

例

在下面的示例中，我们使用 grouping 运算符定义了自执行的 function 语句。

第一个表达式将 10 除以 5（函数的返回值）并将结果值（即 2 到 5）相加。

第二个表达式首先将 5 和 10 相加，然后将结果值除以函数返回的值。


<html>
<body>
<div id="output"></div>
<script>
	 	let ans1 = 5 + 10 / (function () { return 5; })();
	 	let ans2 = (5 + 10) / (function () { return 5; })();
	 	document.getElementById("output").innerHTML =
	 	"Result 1: " + ans1 + "<br>" +
	 	"Result 2: " + ans2;
</script>
</body>
</html>

它将产生以下结果 -

Result 1: 7
Result 2: 3

简单来说，grouping 运算符用于对子表达式进行分组，以更改其计算优先级高于正常优先级。

使用逻辑运算符对运算符进行分组

JavaScript 中的分组运算符还可用于使用逻辑运算符对表达式进行分组。例如，在下面的表达式中，&&运算符的优先级高于 || 运算符。因此，表达式的计算方式如下：


 false && false || true; // true

但是，如果我们在 ||运算符，表达式将按如下方式计算：


 false && (false || true); //false

这是因为分组运算符会覆盖正常运算符的优先级，因此 || 运算符。

例

此示例演示了分组运算符如何更改要在 AND 运算符之前计算的 OR 运算符的优先级。表达式使用逻辑运算符。


<html>
<body>
<div id="output"></div>
<script>
	 	let res1 = 	false && false || true // true
	 	let res2 = false && (false || true) //false
	 	document.getElementById("output").innerHTML =
	 	"Result without grouping operator: " + res1 + "<br>" +
	 	"Result with grouping operator: " + res2;
</script>
</body>
</html>

它将产生以下结果 -

Result without grouping operator: true
Result with grouping operator: false

打印本页

JavaScript - 分组运算符