美文网首页程序员
JavaScript运算符

JavaScript运算符

作者: kissLife | 来源:发表于2016-05-15 12:36 被阅读50次

    算术运算符

    如果操作数(或者转换结果)是NaN值,算术运算的结果也是NaN。
    除数为0的运算结果为正无穷大或负无穷大,而0/0的结果是NaN,所有这些运算均不会报错。

    "+"运算符

    • 如果其中一个操作数是对象,则将对象转换成原始值(除日期对象外都优先使用valueOf()转换)。
    • 在进行了对象到原始值的转换后,如果其中一个操作数是字符串的话,另一个操作数也会转换为字符串,然后进行字符串连接。
    • 否则,两个操作数都将转换为数字(或者NaN),然后进行加法操作。
    1 + 2           // 3
    "1" + 2         // "12",数字转换为字符串
    1 + {}          // "1[object Object]",对象转换成字符串后进行连接
    
    true + true     // 2,布尔转换为数字
    
    2 + null        // 2,null转换为0
    2 + undefined   // NaN,undefined转换为NaN后做加法
    

    运算结果同步依赖于运算符的运算顺序,比如:

    1 + 2 + "blind mice";   // "3 blind mice"
    1 + (2 + "blind mice"); // "12 blind mice"
    

    "++"运算符

    表达式++x并不总和x=x+1完全一样。
    如果x是字符串"1",++x的结果就是数字2,而x+1是字符串"11"。

    关系运算符

    "==="(strict equality)

    严格相等运算符,比较过程没有任何类型转换,其比较过程如下:

    • 如果两个值类型不相同,则它们不相等。
    • 如果两个值为数字且数值相等,则它们相等。如果一个为0,另一个为-0,则他们同样相等。
    • 如果两个值为字符串,且所含的对应位上的16位数完全相等,则它们相等。
    • 如果两个值都是布尔值true或者false,则他们相等。
    • 如果两个值都是null或者都是undefined,则它们相等
    • 如果其中一个值是NaN,或者两个值都是NaN,则它们不相等
    • 如果两个引用值指向同一个对象、数组或函数,则它们是相等的。如果指向不同的对象,则它们是不等的,尽管两个对象具有完全一样的属性。

    "=="(equality operator)

    • 如果两个操作数是相同类型,则按严格相等规则"==="进行比较。
    • 如果两个操作数是不同类型,则会发生以下类型转换:

    如果一个值是null,另一个是undeined,则它们相等
    如果一个值是数字,另一个是字符串,则String --> Number转换后进行值比较。
    如果一个值是布尔类型,则true --> 1, false --> 0转换后进行值比较。

    "1" == true;    // true
    

    比较运算符(<, >, <=, >=)

    • 如果操作数为对象,那么对象会先转换成原始值。
    • 在对象转换成原始值后,如果两个操作数都是字符串,则按字符串进行比较。
    • 如果至少一个操作数不是字符串,则转换成数字进行比较。0和-0是相等的,如果其中一个操作数是NaN,那么比较操作符总是返回false。
    "11" < "3"  // true,字符串比较
    "11" < 3    // false,"11"转换为11
    "one" < 3   // false,"one"转换为NaN
    

    in运算符

    in运算符希望它的左操作数是一个字符串或者可以转换为字符串,右操作数是一个对象。
    如果右侧的对象拥有一个名为左操作数值的属性名,那么表达式返回true。

    var point = { x:1, y:1 };
    "x" in point;               // true,对象有一个名为"x"的属性
    "z" in point;               // false,对象不存在名为"z"的属性
    "toString" in point;        // true,对象包含toString()方法
    
    var data = [7, 8, 9];
    "0" in data;                // true,数组包含元素"0"
    1 in data;                  // true,数字转换为字符串
    3 in data;                  // false,没有索引为3的元素
    

    instanceof运算符

    为了计算表达式"o instanceof f",JavaScript首先计算f.prototype,然后在原型链(prototype chain)中查找o,如果找到,那么o是f(或者f的父类)的一个实例,表达式返回true。

    逻辑表达式

    逻辑或(||)

    这个运算符常用于从一组备选表达式中选出第一个真值表达式:

    // 如果max_width已经定义了,则直接使用它
    // 否则在preferences对象中查找max_width
    // 如果对象中也找不到,则使用一个常量
    var max = max_width || preferences.max_width || 500;
    

    其他运算符

    delete运算符

    delete是一元运算符,用于删除对象属性或数组元素(但不一定释放内存),原始的值将变为undefined。

    var o = { x:1, y:2 };
    delete o.x;
    "x" in o;               // false,属性已经被删除
    
    var a = [1,2,3];
    delete a[2];
    2 in a;                 // false,数组元素2已经被删除
    a.length;               // 3,注意:数组的长度没有改变!!!
    

    void运算符

    该运算符通常用于避免输出不应该输出的值,例如,从HTML 的<a>元素调用JavaScript函数时。要正确做到这一点,函数不能返回有效值,否则浏览器将清空页面,只显示函数的结果。例如:

    <a href="javascript:window.open('about:blank')">Click me</a>
    

    如果把这行代码放入HTML页面,点击其中的链接,即可看到屏幕上显示"[object]"。
    这是因为window.open()方法返回了新打开的窗口的引用。然后该对象将被转换成要显示的字符串。
    要避免这种效果,可以用void运算符调用window.open()函数:

    <a href="javascript:void(window.open('about:blank'))">Click me</a>
    

    这使window.open()调用返回undefined,它不是有效值,不会显示在浏览器窗口中。

    相关文章

      网友评论

        本文标题:JavaScript运算符

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