运算符

作者: PySong | 来源:发表于2018-10-30 14:26 被阅读0次

    一些运算符可以作用于任何数据类型(typeof),但大部分操作符希望操作数是特定的类型,而且大部分操作符会计算出(我们也常说返回)一个特定类型的值(typeof返回的全是string)。在JavaScript中,运算符通常会根据需要对操作数进行类型转换.

    有些操作符对不同的数据类型有不同的含义,比如 +操作符

    console.log(2+4);//6  两个操作数都是数字,做加法运算
    console.log("2"+"4");//"24"  两个参数都是字符串,做字符串拼接
    console.log(2+"4");//"24"  有一个参数是字符串时,把另外一个参数转换为字符串做字符串拼接
    console.log(2+new Date());//"2Mon Jan 20 2014 17:15:01 GMT+0800 (China Standard Time)"   在参数有对象的情况下会调用其valueOf或toString
    console.log(+"4");//4  只有一个数字参数时,返回其正数值
    
    

    远算符类型

    算数运算符、赋值运算符、比较运算符、布尔运算符、位运算符,其它运算符
    位运算符
    否运算(not):符号为~,表示将一个二进制位变成相反值。
    对于十进制,~X得到结果是取X的负值再减1
    算数运算符中,
    除法运算符(Division):x / y 结果是浮点数

    布尔运算符中,使用布尔运算符,会先将运算符两边的值转化为布尔值,然后进行运算。

    ! 取反运算符 /*表示转换为布尔类型之后取反,由此可得!!表示强制转化成布尔类型*/
    && 且运算符
    || 或运算符
    condition? true case : false case 三元条件运算符
    
    

    小括号
    圆括号不是运算符,而是一种语法结构。它有两种用法:如果把表达式放在圆括号之中,作用是求值,将返回表达式的值;如果跟在函数的后面,作用是调用函数。

    void
    void运算符的作用是执行一个表达式,然后返回undefined。

    void 0 和 undefined在使用场景上有什么区别
    void 后面无论跟什么表达式,都会返回 undefined。
    某些情境下undefined是可以被赋值的,比如在函数中var undefined = 3;这样的话就不能用undefined来进行判断了。所以用void 0返回undefined来进行判断。既减少了在原形链上查找 window.undefined 的时间,也避免了误用被修改过的 undefined。

    逗号运算符
    逗号运算符用于对两个表达式求值,并返回后一个表达式的值。

    a = (3,4)  //a=4
    a = 3,4 //a=3,因为=的优先级高于,
    
    

    重要:运算符优先级与结合性

    有的运算符是左结合的,即运算从左到右执行,下面两个运算是一样的

    w = x + y + z;
    w = (x + y) + z;
    
    

    有的运算符是右结合的,即运算从右到左执行

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

    下表中R/L代表结合性是右结合还是左结合,
    num->num表示操作符期望的数据类型计算结果类型,lval指左值
    运算符优先级表
    以及MDN 参考

    有几个我们需要注意的地方
    1.typeof的优先级相当的高,比加减乘除神马的都高,所以虽然是操作符,在在复杂表达式的时候我们还是习惯加括号,看个例子

     typeof 2*3;//NaN  因为会先计算typeof 2 ,结果是"number",即string类型,与3相乘得NaN
     typeof (2*3);//"number" 
     typeof 2+3;// "number3"   "number"+3 得"number3"
    
    

    2.++、--是右结合的操作符(优先级最高的几个都是右结合),而且比加减乘除优先级高。
    同时自增、自减运算符的运算数得是左值(可以放在赋值符号左边的值),而不能是常数

     4++; //ReferenceError: Invalid left-hand side expression in postfix operation
     var a=0,b=0;
     a+++b;//0
     a;//1,++优先级比+高,所以相当于(a++)+b=0+0=0 ,  因为a++为0,a为1
     b;//0
    
    

    3.赋值运算符的优先级相当的低

     a = b == c; //等同于a = (b==c)
    
    

    4.逻辑非!优先级比加减乘除高,但逻辑与、逻辑或优先级很低,不如加减乘除

     !2*3; //0, 等价于(!2)*0, !2得false,false与3相乘,即0*3得0
    
    

    5.一个关于逻辑运算符的有意思地方是其“短路”特点. ||前面为ture,返回前面的值,为false,返回后面的值。

    &&前面为false,返回前面的值,为false,返回后面的值。
    ||前面为ture,返回前面的值,为false,返回后面的值。
    ! 如果操作数能够转换为true则返回false;否则返回true。

    能被转换为false的值有null, 0, NaN, 空字符串("")和undefined。

     1 && 3;   得3
     1 && "foo" || 0; 得"foo"
     1 || "foo" && 0  得1,因为&&优先级高于||  相当于 1 || ("foo" && 0 )
    
    

    相等:==与===

    ===是严格意义的相等,只需注意NaN和NaN不等就行了。而使用==的时候,javascript会帮我们做类型转换,造成一些匪夷所思的结果,那么使用==的时候会在哪些情况下做类型转换,又会换成什么样子?

    • 如果两个值类型相同,则执行严格相等的运算
    • 如果两个值的类型不同
      1. 如果一个是null,一个是undefined,那么相等
      2. 如果一个是数字,一个是字符串,先将字符串转为数字,然后比较
      3. 如果一个值是true/false则将其转为1/0比较
      4. 如果一个值是对象,一个是数字或字符串,则尝试使用valueOf和toString转换后比较
      5. 其它就不相等了

    相关文章

      网友评论

          本文标题:运算符

          本文链接:https://www.haomeiwen.com/subject/uujgtqtx.html