javascript &&与||运算符详解

发布时间:2019-07-25编辑:脚本学堂
为大家介绍javascript中的&&与||运算符,它们均可以是任何类型的,不止是布尔型的。布尔型相对简单,本文只针对非布尔型或者二者都有的情况作说明。有需要的朋友,可以看看。

开始今天的javascript 教程吧。

针对如下的实例进行分析:
 

复制代码 代码示例:
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
    }