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