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
立即调用函数表达式 (IIFEs)
要在 JavaScript 中定义立即调用函数，我们使用分组运算符。匿名函数定义被放在分组运算符内部。这些函数也被称为自执行函数。
(function () { return 5; })();
在上述示例中，函数定义 "function () { return 5;}" 被放在分组运算符内部。
示例
在下面的示例中，我们使用分组运算符定义了自执行函数语句。
第一个表达式将 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
简单来说，分组运算符用于对子表达式进行分组，以改变其相对于正常优先级的求值优先级。
与逻辑运算符结合的分组运算符
JavaScript 中的分组运算符也可以用于将逻辑运算符与表达式分组。例如，在以下表达式中，&& 运算符的优先级高于 || 运算符。因此，该表达式将按以下方式求值：
false && false || true; // true
然而，如果我们在 || 运算符周围添加括号，该表达式将按以下方式求值：
false && (false || true); //false
这是因为分组运算符覆盖了正常的运算符优先级，使得 || 运算符首先被求值。
示例
此示例演示了分组运算符如何改变 OR 运算符的优先级，使其在 AND 运算符之前被求值。该表达式使用了逻辑运算符。
<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