运算符优先级 - JavaScript 编辑
运算符的优先级决定了表达式中运算执行的先后顺序,优先级高的运算符最先被执行。
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
关联性
关联性决定了拥有相同优先级的运算符的执行顺序。考虑下面这个表达式:
a OP b OP c;
左关联(左到右)相当于把左边的子表达式加上小括号(a OP b) OP c
,右关联(右到左)相当于a OP (b OP c)
。赋值运算符是右关联的,所以你可以这么写:
a = b = 5;
结果 a
和 b
的值都会成为5。这是因为赋值运算符的返回结果就是赋值运算符右边的那个值,具体过程是:b
被赋值为5,然后a
也被赋值为 b=5
的返回值,也就是5。
示例
3 > 2 && 2 > 1
// return true
3 > 2 > 1
// 返回 false,因为 3 > 2 是 true,并且 true > 1 is false
// 加括号可以更清楚:(3 > 2) > 1
汇总表
下面的表将所有运算符按照优先级的不同从高(20)到低(1)排列。
优先级 | 运算类型 | 关联性 | 运算符 |
---|---|---|---|
21 | 圆括号 | n/a(不相关) | ( … ) |
20 | 成员访问 | 从左到右 | … . … |
需计算的成员访问 | 从左到右 | … [ … ] | |
new (带参数列表) | n/a | new … ( … ) | |
函数调用 | 从左到右 | … ( … ) | |
可选链(Optional chaining) | 从左到右 | ?. | |
19 | new (无参数列表) | 从右到左 | new … |
18 | 后置递增(运算符在后) | n/a | … ++ |
后置递减(运算符在后) | … -- | ||
17 | 逻辑非 | 从右到左 | ! … |
按位非 | ~ … | ||
一元加法 | + … | ||
一元减法 | - … | ||
前置递增 | ++ … | ||
前置递减 | -- … | ||
typeof | typeof … | ||
void | void … | ||
delete | delete … | ||
await | await … | ||
16 | 幂 | 从右到左 | … ** … |
15 | 乘法 | 从左到右 | … * … |
除法 | … / … | ||
取模 | … % … | ||
14 | 加法 | 从左到右 | … + … |
减法 | … - … | ||
13 | 按位左移 | 从左到右 | … << … |
按位右移 | … >> … | ||
无符号右移 | … >>> … | ||
12 | 小于 | 从左到右 | … < … |
小于等于 | … <= … | ||
大于 | … > … | ||
大于等于 | … >= … | ||
in | … in … | ||
instanceof | … instanceof … | ||
11 | 等号 | 从左到右 | … == … |
非等号 | … != … | ||
全等号 | … === … | ||
非全等号 | … !== … | ||
10 | 按位与 | 从左到右 | … & … |
9 | 按位异或 | 从左到右 | … ^ … |
8 | 按位或 | 从左到右 | … | … |
7 | 逻辑与 | 从左到右 | … && … |
6 | 逻辑或 | 从左到右 | … || … |
5 | 空值合并 | 从左到右 | … ?? … |
4 | 条件运算符 | 从右到左 | … ? … : … |
3 | 赋值 | 从右到左 | … = … |
… += … | |||
… -= … | |||
… **= … | |||
… *= … | |||
… /= … | |||
… %= … | |||
… <<= … | |||
… >>= … | |||
… >>>= … | |||
… &= … | |||
… ^= … | |||
… |= … | |||
… &&= … | |||
… ||= … | |||
… ??= … | |||
2 | yield | 从右到左 | yield … |
yield* | yield* … | ||
1 | 展开运算符 | n/a | ... … |
0 | 逗号 | 从左到右 | … , … |
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论