js 运算符优先级

杀马特。学长 韩版系。学妹 提交于 2020-01-26 14:09:27

在看jquery源码,仔细看入口函数的时候,有点懵了。看到与或、多重三目,傻傻的分不清,就代码仔细的区分下运算符优先级,以前都是呼呼的飘过。看来任何一个细节都不能忽略,不然效率极低。。

!function(a, b) {
    "object" == typeof module && "object" == typeof module.exports ? module.exports = a.document ? b(a, !0) : function(a) {
        if (!a.document)
            throw new Error("jQuery requires a window with a document");
        return b(a)
    }
    : b(a)
}("undefined" != typeof window ? window : this, function(a, b) {
  //代码
     n = function(a, b) {
        return new n.fn.init(a,b)
     };
     A = n.fn.init = function(a,b){ //代码};
     A.prototypt = n.fn;
    
    return n
})();

由于优先级 == 高于 && 、|| 高于 ?: 高于 =, 所以里面的函数体 相当于

`(` object" == typeof module && "object" == typeof module.exports `)`    `?`  module.exports  = 
`(`     a.document ?   b(a, !0)   :   function(a) {if (!a.document) throw new Error("jQuery requires a window with a document");  return b(a)}    `)` 
`:`  b(a)
  • 赋值是从右到左赋值。

    场景一
function foo() { var a = b = 0;}//会产生全局变量

首先,是赋值表达式b = 0,此情况下b是未声明的。这个表达式的返回值是0,然后这个0就分配给了通过var定义的这个局部变量a。
场景二
看到代码在判断的时候经常看到如下形式:

if('string' == a)
为什么string放在左边而不是放在右边呢?看到 赋值的循序菜知道string位于左值的优势,如果变量a不存在,就不用接下来的判断了,这是良好的编程习惯呀。
  • 逗号表达式 ==>从左到右的顺序被执行,并获得右边表达式的值

    example:
a =(7,9,0); // a=0
  • && 优先级高于 || , 所以碰到与或运算最好是写上括号(ps:/developer.mozilla.org上写着||高于&&,本人试过了,这个是错的)

var a = true, b = false, c = false;
console.log( a || b && c )  // true
console.log( (a || b) && c ) // false
console.log( a || (b && c) )  // true
  • 下面是一个关于new () . 优先的题,不看下面的表格后面两题简直是做不出来

function Foo() {
    getName = function () { console (1); };
    return this;
}
Foo.getName = function () { console (2);};

Foo.prototype.getName = function () { console (3);};

var getName = function () { console (4);};

function getName() { console (5);}

//请写出以下输出结果:
Foo.getName();
getName();
Foo().getName();
getName();

new Foo.getName();
new Foo().getName();
new new Foo().getName();

/
2
*4

  • 1
    1
    2
    3
    3
    */

js运算符 参考来源:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence

具体的js运算符如下:

优先级 运算类型 关联性 运算符
19 圆括号 n/a ( … )
18 成员访问 从左到右 … . …
需计算的成员访问 从左到右 … [ … ]
new (带参数列表) n/a new … ( … )
17 函数调用 从左到右 … ( … )
new (无参数列表) 从右到左 new …
16 后置递增(运算符在后) n/a … ++
后置递减(运算符在后) n/a … --
15 逻辑非 从右到左 ! …
按位非 从右到左 ~ …
一元加法 从右到左 + …
一元减法 从右到左 - …
前置递增 从右到左 ++ …
前置递减 从右到左 -- …
typeof 从右到左 typeof …
void 从右到左 void …
delete 从右到左 delete …
14 乘法 从左到右 … * …
除法 从左到右 … / …
取模 从左到右 … % …
13 加法 从左到右 … + …
减法 从左到右 … - …
12 按位左移 从左到右 … << …
按位右移 从左到右 … >> …
无符号右移 从左到右 … >>> …
11 小于 从左到右 … < …
小于等于 从左到右 … <= …
大于 从左到右 … > …
大于等于 从左到右 … >= …
in 从左到右 … in …
instanceof 从左到右 … instanceof …
10 等号 从左到右 … == …
非等号 从左到右 … != …
全等号 从左到右 … === …
非全等号 从左到右 … !== …
9 按位与 从左到右 … & …
8 按位异或 从左到右 … ^ …
7 按位或 从左到右 … | …
6 逻辑与 从左到右 … && …
5 逻辑或 从左到右 … || …
4 条件运算符 从右到左 … ? … : …
3 赋值 从右到左 … = …
… += …
… -= …
… *= …
… /= …
… %= …
… <<= …
… >>= …
… >>>= …
… &= …
… ^= …
… |= …
2 yield 从右到左 yield …
yield* 从右到左 yield* …
1 Spread n/a ... …
0 逗号 从左到右 … , …
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!