逻辑运算符

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script type="text/javascript">
 7             
 8             /*
 9              * JS中为我们提供了三种逻辑运算符
10              * ! 非
11              *     - !可以用来对一个值进行非运算
12              *     - 所谓非运算就是值对一个布尔值进行取反操作，
13              *         true变false，false变true
14              *     - 如果对一个值进行两次取反，它不会变化
15              *     - 如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反
16              *         所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值
17              *         可以为一个任意数据类型取两次反，来将其转换为布尔值，
18              *         原理和Boolean()函数一样
19              * 
20              * && 与
21              *     - &&可以对符号两侧的值进行与运算并返回结果
22              *     - 运算规则
23              *         - 两个值中只要有一个值为false就返回false，
24              *             只有两个值都为true时，才会返回true
25              *         - JS中的“与”属于短路的与，
26              *             如果第一个值为false，则不会看第二个值
27              * 
28              * || 或
29              *     - ||可以对符号两侧的值进行或运算并返回结果
30              *     - 运算规则：
31              *         - 两个值中只要有一个true，就返回true
32              *             如果两个值都为false，才返回false
33              *        - JS中的“或”属于短路的或
34              *             如果第一个值为true，则不会检查第二个值
35              */
36             
37             //如果两个值都是true则返回true
38             var result = true && true;
39             
40             //只要有一个false，就返回false
41             result = true && false;
42             result = false && true;
43             result = false && false;
44             
45             //console.log("result = "+result);
46             
47             //第一个值为true，会检查第二个值
48             //true && alert("看我出不出来！！");
49             
50             //第一个值为false，不会检查第二个值
51             //false && alert("看我出不出来！！");
52             
53             //两个都是false，则返回false
54             result = false || false;
55             
56             //只有有一个true，就返回true
57             result = true || false;
58             result = false || true ;
59             result = true || true ;
60             
61             //console.log("result = "+result);
62             
63             //第一个值为false，则会检查第二个值
64             //false || alert("123");
65             
66             //第一个值为true，则不再检查第二个值
67             //true || alert("123");
68             
69             
70             
71             var a = false;
72             
73             //对a进行非运算
74             a = !a;
75             
76             //console.log("a = "+a);
77             
78             var b = 10;
79             b = !!b;
80             
81             //console.log("b = "+b);
82             //console.log(typeof b);
83             
84         </script>
85     </head>
86     <body>
87     </body>
88 </html>

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         
 7         <script type="text/javascript">
 8             
 9             /*
10              * && || 非布尔值的情况
11              *     - 对于非布尔值进行与或运算时，
12              *         会先将其转换为布尔值，然后再运算，并且返回原值
13              *     - 与运算：
14              *         - 如果第一个值为true，则必然返回第二个值
15              *         - 如果第一个值为false，则直接返回第一个值
16              * 
17              *     - 或运算
18              *         - 如果第一个值为true，则直接返回第一个值
19              *         - 如果第一个值为false，则返回第二个值
20              * 
21              */
22             
23             //true && true
24             //与运算：如果两个值都为true，则返回后边的
25             var result = 5 && 6;
26             
27             
28             //与运算：如果两个值中有false，则返回靠前的false
29             //false && true
30             result = 0 && 2;
31             result = 2 && 0;
32             //false &&　false
33             result = NaN && 0;
34             result = 0 && NaN;
35             
36             
37             //true || true
38             //如果第一个值为true，则直接返回第一个值
39             result = 2 || 1;
40             result = 2 || NaN;
41             result = 2 || 0;
42             
43             //如果第一个值为false，则直接返回第二个值
44             result = NaN || 1;
45             result = NaN || 0;
46             
47             result = "" || "hello";
48             
49             result = -1 || "你好";
50             
51             
52             console.log("result = "+result);
53             
54         </script>
55         
56     </head>
57     <body>
58     </body>
59 </html>