bugl
bugl
HomeLearnPatternsSearch
HomeLearnPatternsSearch

Loading lesson path

Learn/JavaScript/Debugging, Projects, and Reference
JavaScript•Debugging, Projects, and Reference

JavaScript Operator Precedence

Concept visual

JavaScript Operator Precedence

Pointer walk
two pointers
leftright102132436485116
left=0
right=6
1
3

Start at both ends

Order of Operation

Operator precedence describes the order in which operations are performed in an arithmetic expression. Multiplication ( * ) and division ( / ) have higher precedence than addition ( + ) and subtraction (

).

Examples

As in traditional mathematics, multiplication is done first:

let x = 100 + 50 * 3;

When using parentheses, operations inside the parentheses are computed first:

let x = (100 + 50) * 3;

Formula

Operations with the same precedence (like * and /) are computed from left to right:
let x = 100 / 50 * 3;

Operator Precedence Values

Expressions in parentheses are computed before the rest of the expression Function are executed before the result is used in the rest of the expression 18 ( )

Expression Grouping

Formula

(100 + 50) * 3
  1. Member Of person.name 17 [] Member Of person["name"] 17 ?.

Optional Chaining

ES2020 x ?. y 17 ()

Function Call myFunction()

17 new New with Arguments new Date("June 5,2022") 16 new

New without Arguments new Date()

Increment Operators

Postfix increments are executed before prefix increments

15 ++

Postfix Increment i++

15 --

Postfix Decrement i--

14 ++

Prefix Increment

++i 14 --

Prefix Decrement

--i

NOT Operators

14 !

Logical NOT

!(x==y) 14 ~

Bitwise NOT

~x

Unary Operators

14 +

Unary Plus

+x 14

Unary Minus

-x 14 typeof

Data Type typeof x

14 void

Evaluate Void void(0)

14 delete Property Delete delete myCar.color

Arithmetic Operators

Exponentiations are executed before multiplications

Multiplications and divisions are executed before additions and subtractions 13 **

Exponentiation

Previous

JavaScript Debugging Errors

Next

Project - Modal Popup