JavaScript优先级汇总表

优先级汇总表

所有运算符按照优先级的不同从高到低排列。

优先级 运算类型 关联性 运算符
20 圆括号 n/a ( … )
19 成员访问 从左到右 … . …
需计算的成员访问 从左到右 … [ … ]
new (带参数列表) n/a new … ( … )
函数调用 从左到右 … ( … )
18 new (无参数列表) 从右到左 new …
17 后置递增(运算符在后) n/a
 
… ++
后置递减(运算符在后) … --
16 逻辑非 从右到左 ! …
按位非 ~ …
一元加法 + …
一元减法 - …
前置递增 ++ …
前置递减 -- …
typeof typeof …
void void …
delete delete …
await await …
15 从右到左 … ** …
14 乘法 从左到右
 
… * …
除法 … / …
取模 … % …
13 加法 从左到右
 
… + …
减法 … - …
12 按位左移 从左到右 … << …
按位右移 … >> …
无符号右移 … >>> …
11 小于 从左到右 … < …
小于等于 … <= …
大于 … > …
大于等于 … >= …
in … in …
instanceof … instanceof …
10 等号 从左到右
 
… == …
非等号 … != …
全等号 … === …
非全等号 … !== …
9 按位与 从左到右 … & …
8 按位异或 从左到右 … ^ …
7 按位或 从左到右 … | …
6 逻辑与 从左到右 … && …
5 逻辑或 从左到右 … || …
4 条件运算符 从右到左 … ? … : …
3 赋值 从右到左 … = …
… += …
… -= …
… *= …
… /= …
… %= …
… <<= …
… >>= …
… >>>= …
… &= …
… ^= …
… |= …
2 yield 从右到左 yield …
yield* yield* …
1 展开运算符 n/a ... …
0 逗号 从左到右 … , …

(来自MDN文档JavaScript优先级

比较值得注意的是 && 和 || 运算符:

&& 运算符的优先级比 || 优先级高,所以  a && b || c 与 c || b && a 的结果是不同的,而且对于 && 和 || 运算符来说,如果从左边的操作数能得出结果,就会忽略右边的操作数,这种现象被称作短路。

对于 a && b 这样的比较式,假如a判断为true (包含强制转换), 就返回 b 的值,否则返回 b 的值,而不是布尔值,这与其他比如C语言不同

而 c || d 这样的的表达式, 假如 c 判断为真,则 返回 c 的值;c 判断为 false 则返回第二个操作数 d 的值。

 

你可能感兴趣的:(JavaScript,前端,JavaScript优先级)