javascript中&&与||详解

JS中逻辑&&和||运算数可以是任何类型的,不止是布尔型的。布尔型相对简单,本文只针对非布尔型或者二者都有的情况作说明.

对于如下实例:

var T = {};
 function test() {
      var height = 0;
      var re = T || 100;
      alert(re);
}

对于&&运算符:

1.如果运算数一个为空对象,true, 已定义的变量, 另一个为常量,如100,返回该常量对象。如:
    

function test() {
  var height = 200;
        var re = height && 100;
        alert(re); //返回:100
    }

2.如果运算数都是对象,返回第二个对象。

3.如果运算数有一个为null,返回null。

4.如果运算数有一个为NaN,返回NaN。

5.如果运算数有一个没有定义就用,则发生错误。如:

function test() {
        var re = height &&100;
        alert(re);//不会输出
    }

  但是,如果前一个是对象的属性就不一样了,如:

var T = {};
    function test() {
        var re = T.height && 100;
        alert(re); //返回:[undefined]
    }

逻辑||运算数与&&类似:

1.如果运算数一个为对象,另一个为布尔值(true或false)或者其它常量,如100,返回该对象。如:

var T = {};
    function test() {
        var re = T || 100;
        alert(re); //返回:[object Object]
    }

2.如果运算数都是对象,返回第一个对象。

3.如果运算数有一个为null,返回null。

4.如果运算数有一个为NaN,返回NaN。

5.如果运算数有一个没有定义就用,则发生错误。如:

 function test() {
        var re = height || 100;
        alert(re);//不会输出
    }

  但是,如果前一个是对象的属性就不一样了,如:

var T = {};
    function test() {
        var re = T.height || 100;
        alert(re); //返回:[undefined]
    }

6.如果运算数两个都是常量,则返回第一个数值.如:

function test() {
        var re = 200 || 100;
        alert(re);//输出200
    }
原文地址:https://www.cnblogs.com/chear/p/3002001.html