The grouping operator consists of a pair of parentheses around an expression or subexpression to override the operator’s normal precedence so that expressions with lower precedence can be evaluated before another expression which has a higher priority. This operator can only contain expressions.The list of parameters is passed to a function in this operator, which treats it as an expression.

Syntax:

( )

This ( ) operator controls the precedence of evaluation in expressions.

Example 1: Below is an example of the Grouping operator. 

JavaScript

function gfg() {
// 3 * (2 + 3)
let value1 = 3 * (2 + 3);
// (3 + 2) * 3
let value2 = (3 + 2) * 3;
console.log(value1);
console.log(value2);
}
gfg();

Output

15
15

Example 2: Function Works as both a statement and an exception. In the code below, JavaScript considers a function to be a statement if it is not preceded by any other statement. But applying the grouping operator which has the highest precedence over any other operator treats the function as an expression and is therefore fully evaluated.

JavaScript

function(x) { return x };
// SyntaxError: Function statements
// require a function name.
// function as expression
(function (x) { return x });
// This will run without any exception.

Output:

Uncaught SyntaxError: Function statements require a function name

Example 3: With and without grouping operator. 

JavaScript

function gfg() {
// 5 * 5 + 5
// 25+5
// 30
let value = 5 * 5 + 5;
console.log("Without grouping operator: " + value);
// 5 * (5 + 5)
// 5*10
// 50
let value1 = 5 * (5 + 5);
console.log("With grouping operator: " + value1);
}
gfg();

Output

Without grouping operator: 30
With grouping operator: 50

We have a complete list of JavaScript Operators, to check those please go through theJavaScript Operators.

Supported Browser:

  • Chrome 1 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Internet Explorer 3 and above
  • Opera 3 and above
  • Safari 1 and above
Whether you are preparing for your first job interview or planning to improve your skills in this ever-evolving tech landscape,CodeConfig.inCourses will help you in achieving success. We provide top-quality content onJavaScriptatno cost, all geared towards accelerating your growth in the limited time period. Join the millions we have already helped, and we are here to do the same for you. Don’t miss out – check it out now!
Please Check all JavaScript articles HERE. For more such post you can refer HERE.

Explore More

Open a Fixed-Size Popup Without Minimize/Maximize Effects

Disabling the minimize and maximize buttons of a popup window is not directly supported in modern browsers, including Microsoft Edge, due to security and user-experience considerations. The window.open() function provides

How to remove JavaScript Objects from memory

To remove unused objects and improve memory management in JavaScript, you generally rely on the JavaScript engine’s garbage collection mechanism. However, you can aid this process by explicitly removing references

addchild and removeChild DOM methods for Edge and Chrome

Below we are creating a JavaScript utility that fully supports the functionality of the DOM (like appendChild, removeChild, etc.) in Microsoft Edge and other modern browsers involves wrapping standard DOM