JavaScript 分组运算符

在JavaScript中，分组运算符由括号()表示，它有助于控制表达式的评估顺序，并提供了清晰度，用于指示先执行哪个操作。在本文中，我们将学习什么是JavaScript中的分组运算符，以及如何使用它来控制代码表达式的评估顺序。

让我们看一些示例和方法来更好地理解这个概念−

示例1 – 改变表达式的评估顺序

通过使用分组运算符，我们可以明确指定表达式的评估顺序，从而改变代码的默认执行顺序。

在这个示例中−

结果然后乘以4，输出显示在控制台上。
表达式(2 + 3)被括在括号中，以改变默认评估顺序。

文件名 – index.html

<html>
<head>
   <title>Explain Grouping operator in JavaScript</title>
   <script>
      let result = (2 + 3) * 4;
      console.log(result); // Output: 20
   </script>
</head>
<body>
   <h1>Explain Grouping operator in JavaScript</h1>
</body>
</html>

输出

结果将如下图所示。

JavaScript 分组运算符

示例2 – 增强代码可读性

我们还可以使用分组运算符来增强代码的可读性，清楚地表示代码执行中的预期计算顺序。

在这个示例中 –

分组运算符清楚地表明了短语(a + b)*(c – d)/e应该如何计算。
加法、减法和除法的操作按照规定的顺序进行，控制台显示结果。

文件名：index.html

<html>
<head>
   <title>Explain Grouping operator in JavaScript</title>
   <script>
      let a = 5, b = 7, c = 10, d = 3, e = 2;
      let result = (a + b) * (c - d) / e;
      console.log(result); // Output: 28
   </script>
</head>
<body>
   <h1>Explain Grouping operator in JavaScript</h1>
</body>
</html>

输出

结果将如下图所示。

JavaScript 分组运算符

示例3 – 内部分组

我们可以嵌套分组运算符，即在另一个分组内部放置一个分组，这样可以使我们创建具有正确计算顺序的深嵌套表达式。

在这个示例中，我们将 –

使用多个层次的嵌套来定义表达式((a + b) * c – d) / (e + (f – g))中所需的操作顺序。
结果相应地计算，并在控制台中显示输出。

文件名 – index.html

<html>
<head>
   <title>Explain Grouping operator in JavaScript</title>
   <script>
      let a = 2, b = 3, c = 4, d = 5, e = 6, f = 7, g = 8;
      let result = ((a + b) * c - d) / (e + (f - g));
      console.log(result); // Output: 1
   </script>
</head>
<body>
   <h1>Explain Grouping operator in JavaScript</h1>
</body>
</html>