JavaScript学习总结(三)——逻辑And运算符详解

在JavaScript中,逻辑 AND 运算符用双和号(&&)表示

1 var bTrue = true;
2 var bFalse = false;
3 var bResult = bTrue && bFalse;

  下面的真值表描述了逻辑AND运算符的行为:

运算数 1 运算数 2 结果
true true true
true false false
false true false
false false false

 

  

 

 

 

  需要说明的是:逻辑AND运算的运算数可以是任何类型的,不止是Boolean值,如果某个运算数不是原始的Boolean型值,逻辑AND运算并不一定返回Boolean值

逻辑AND运算符的运算行为如下:

  1. 如果一个运算数是对象,另一个是 Boolean 值,返回该对象。
  2. 如果两个运算数都是对象,返回第二个对象。
  3. 如果某个运算数是 null,返回 null。
  4. 如果某个运算数是 NaN,返回 NaN。
  5. 如果某个运算数是 undefined,发生错误。
  6. 如果两个运算数都是boolean类型,则返回boolean值

  与Java中的逻辑AND运算相似,JavaScript 中的逻辑AND运算也是简便运算,即如果第一个运算数决定了结果,就不再计算第二个运算数。对于逻辑AND运算来说,如果第一个运算数是false,那么无论第二个运算数的值是什么,结果都不可能等于true。
  考虑下面的例子:

1 var bTrue = true;
2 var bResult = (bTrue && bUnknown); //发生错误
3 alert(bResult); //这一行不会执行

代码运行结果:

  这段代码在进行逻辑 AND 运算时将引发错误,因为变量 bUnknown 是未定义的。变量 bTrue 的值为 true,因为逻辑 AND 运算将继续计算变量 bUnknown。这样做就会引发错误,因为 bUnknown 的值是 undefined,不能用于逻辑 AND 运算。
    如果修改这个例子,把第一个数设为 false,那么就不会发生错误:

1 var bTrue = false;
2 var bResult = (bTrue && bUnknown); //不会发生错误
3 alert("bTrue && bUnknown的结果是:"+(bResult));//输出 "false"

  在这段代码中,脚本将输出逻辑AND运算返回的值,即字符串"false"。即使变量 bUnknown 的值为 undefined,它也不会被计算,因为第一个运算数的值是 false。

运行结果:

验证JavaScript逻辑And运算符的运算行为

测试代码:

复制代码
 1  <script type="text/javascript">
 2     document.write("验证JavaScript逻辑And运算符的运算行为:");
 3     document.write("<br/>");
 4     document.write("-----------------------------------------------------------------------------");
 5     document.write("<br/>");
 6 
 7     var bTrue = true;
 8     var bFalse = false;
 9     var bResult = bTrue && bFalse;
10     /*1.如果两个运算数都是boolean类型,则返回boolean值*/
11     document.write("1.如果两个运算数都是boolean类型,则返回boolean值");
12     document.write("<br/>");
13     document.write("-----------------------------------------------------------------------------");
14     document.write("<br/>");
15     document.write("bTrue = true,bFalse = false,bTrue && bFalse的结果是:"+(bResult));//结果为false
16     document.write("<br/>");
17 
18     document.write("-----------------------------------------------------------------------------");
19     document.write("<br/>");
20 
21     var obj = new Object();
22     /*2.如果一个运算数是对象,另一个是 Boolean 值,返回该对象*/
23     document.write("2.如果一个运算数是对象,另一个是 Boolean 值,返回该对象");
24     document.write("<br/>");
25     document.write("-----------------------------------------------------------------------------");
26     document.write("<br/>");
27     document.write("obj是一个对象,true&&obj的结果是:"+(true&&obj));
28     document.write("<br/>");
29     document.write("obj==true&&obj的结果是:"+(obj==(true&&obj)));
30     document.write("<br/>");
31     document.write("false&&obj的结果是:"+(false&&obj));
32     document.write("<br/>");
33 
34     document.write("-----------------------------------------------------------------------------");
35     document.write("<br/>");
36     /*3.如果两个运算数都是对象,返回第二个对象。*/
37     var obj1 = new Object();
38     var obj2 = new Object();
39     document.write("3.如果两个运算数都是对象,返回第二个对象。");
40     document.write("<br/>");
41     document.write("-----------------------------------------------------------------------------");
42     document.write("<br/>");
43     document.write("obj1是一个对象,obj2是一个对象,obj1==(obj1&&obj2)的结果是:"+(obj1==(obj1&&obj2)));//结果为false
44     document.write("<br/>");
45     document.write("obj1是一个对象,obj2是一个对象,obj2==(obj1&&obj2)的结果是:"+(obj2==(obj1&&obj2)));//结果为true
46     document.write("<br/>");
47 
48     document.write("-----------------------------------------------------------------------------");
49     document.write("<br/>");
50     /*4.如果某个运算数是 null,返回null。*/
51     var a=null;
52     var b=true;
53     document.write("4.如果某个运算数是 null,返回null。");
54     document.write("<br/>");
55     document.write("a=null,b=true,a&&b的结果是:"+(a&&b));
56     document.write("<br/>");
57     document.write("-----------------------------------------------------------------------------");
58     document.write("<br/>");
59     /*5.如果某个运算数是NaN,返回NaN*/
60      var c = NaN;
61      var d = "str";
62     document.write("5.如果某个运算数是NaN,返回NaN");
63     document.write("<br/>");
64     document.write("c=NaN,d=str,c&&d的结果是:"+(c&&d));
65     document.write("<br/>");
66     document.write("-----------------------------------------------------------------------------");
67     document.write("<br/>");
68     /*
69     6.JavaScript中的逻辑 AND 运算是简便运算,即如果第一个运算数决定了结果,就不再计算第二个运算数。
70     对于逻辑 AND 运算来说,如果第一个运算数是 false,那么无论第二个运算数的值是什么,结果都不可能等于 true。
71     */
72     var bFalse = false;
73     var bResult = (bFalse && bUnknown);
74     document.write("6.JavaScript中的逻辑 AND 运算是简便运算,即如果第一个运算数决定了结果,就不再计算第二个运算数");
75     document.write("<br/>");
76     document.write("对于逻辑 AND 运算来说,如果第一个运算数是 false,那么无论第二个运算数的值是什么,结果都不可能等于 true。");
77     document.write("<br/>");
78     document.write("bFalse=false,bUnknown是一个未定义的变量,bFalse && bUnknown的结果是:"+(bResult)); //输出 "false"
79 
80     var bTrue = true;
81     var bResult = (bTrue && bUnknown);    //发生错误
82     alert(bResult);            //这一行不会执行
83   </script>
复制代码

 
posted @ 2020-05-05 17:02  进阶仙女  阅读(597)  评论(3编辑  收藏  举报