ECMAScript JavaScript JScript ActionScript 运算符优先级

ECMAScript JavaScript JScript ActionScript 运算符优先级

MDN Web Docs

运算符的优先级决定了表达式中运算执行的先后顺序，优先级高的运算符最先被执行。
JavaScript Demo: Expressions - Operator precedence

console.log(3 + 4 * 5); // 3 + 20
// expected output: 23

console.log(4 * 3 ** 2); // 4 * 9
// expected output: 36

let a;
let b;

console.log(a = b = 5);
// expected output: 5

关联性

关联性决定了拥有相同优先级的运算符的执行顺序。考虑下面这个表达式：

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）（ts 以支持，es 草案）	从左到右	?.
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	逗号	从左到右	… , …