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;}"放在分组运算符内部。
示例
在下面的例子中，我们使用分组运算符定义了自执行函数语句。
第一个表达式将 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
