百科狗-知识改变命运!
--

运算符的优先级 - JavaScript 运算符

梵高1年前 (2023-11-21)阅读数 22#技术干货
文章标签运算符

运算符的优先级

JavaScript 各种运算符的优先级别(Operator Precedence)是不一样的。优先级高的运算符先执行,优先级低的运算符后执行。

4 + 5 * 6 // 34

上面的代码中,乘法运算符(*)的优先性高于加法运算符(+),所以先执行乘法,再执行加法,相当于下面这样。

4 + (5 * 6) // 34

如果多个运算符混写在一起,常常会导致令人困惑的代码。

var x = 1;
var arr = [];

var y = arr.length 从左到右移位=instanceof从左到右小于、小于等于、大于、大于等于、instanceof==!====!==从左到右等于、不等于、严格相等、非严格相等&从左到右按位与^从左到右按位异或|从左到右按位或&&从左到右逻辑与||从左到右逻辑或?:从左到右三目运算>=oP=从右到左赋值、运算赋值,从左到右多重求值


圆括号的作用

圆括号()可以用来提高运算的优先级,因为它的优先级是最高的,即圆括号中的表达式会第一个运算。

(4 + 5) * 6 // 54

上面代码中,由于使用了圆括号,加法会先于乘法执行。

运算符的优先级别十分繁杂,且都是硬性规定,因此建议总是使用圆括号,保证运算顺序清晰可读,这对代码的维护和除错至关重要。

顺便说一下,圆括号不是运算符,而是一种语法结构。它一共有两种用法:一种是把表达式放在圆括号之中,提升运算的优先级;另一种是跟在函数的后面,作用是调用函数。

注意,因为圆括号不是运算符,所以不具有求值作用,只改变运算的优先级。

var x = 1;
(x) = 2;

上面代码的第二行,如果圆括号具有求值作用,那么就会变成1 = 2,这是会报错了。但是,上面的代码可以运行,这验证了圆括号只改变优先级,不会求值。

这也意味着,如果整个表达式都放在圆括号之中,那么不会有任何效果。

(expression)
// 等同于
expression

函数放在圆括号中,会返回函数本身。如果圆括号紧跟在函数的后面,就表示调用函数。

function f() {
  return 1;
}

(f) // function f(){return 1;}
f() // 1

上面代码中,函数放在圆括号之中会返回函数本身,圆括号跟在函数后面则是调用函数。

圆括号之中,只能放置表达式,如果将语句放在圆括号之中,就会报错。

(var a = 1)
// SyntaxError: Unexpected token var


左结合与右结合

对于优先级别相同的运算符,同时出现的时候,就会有计算顺序的问题。

a OP b OP c

运算符的优先级 - JavaScript 运算符

上面代码中,OP表示运算符。它可以有两种解释方式。

// 方式一
(a OP b) OP c

// 方式二
a OP (b OP c)

上面的两种方式,得到的计算结果往往是不一样的。方式一是将左侧两个运算数结合在一起,采用这种解释方式的运算符,称为“左结合”(left-to-right associativity)运算符;方式二是将右侧两个运算数结合在一起,这样的运算符称为“右结合”运算符(right-to-left associativity)。

JavaScript 语言的大多数运算符是“左结合”,请看下面加法运算符的例子。

x + y + z

// 引擎解释如下
(x + y) + z

上面代码中,xy结合在一起,它们的预算结果再与z进行运算。

少数运算符是“右结合”,其中最主要的是赋值运算符(=)和三元条件运算符(?:)。

w = x = y = z;
q = a ? b : c ? d : e ? f : g;

上面代码的解释方式如下。

w = (x = (y = z));
q = a ? b : (c ? d : (e ? f : g));

上面的两行代码,都是右侧的运算数结合在一起。

另外,指数运算符(**)也是右结合。

2 ** 3 ** 2
// 相当于 2 ** (3 ** 2)
// 512

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com

免责声明:我们致力于保护作者版权,注重分享,当前被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理!邮箱:344225443@qq.com)

图片声明:本站部分配图来自网络。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)