<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
* JS中为我们提供了三种逻辑运算符
* ! 非
* - !可以用来对一个值进行非运算
* - 所谓非运算就是值对一个布尔值进行取反操作，
* true变false，false变true
* - 如果对一个值进行两次取反，它不会变化
* - 如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反
* 所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值
* 可以为一个任意数据类型取两次反，来将其转换为布尔值，
* 原理和Boolean()函数一样
*
* && 与
* - &&可以对符号两侧的值进行与运算并返回结果
* - 运算规则
* - 两个值中只要有一个值为false就返回false，
* 只有两个值都为true时，才会返回true
* - JS中的“与”属于短路的与，
* 如果第一个值为false，则不会看第二个值
*
* || 或
* - ||可以对符号两侧的值进行或运算并返回结果
* - 运算规则：
* - 两个值中只要有一个true，就返回true
* 如果两个值都为false，才返回false
* - JS中的“或”属于短路的或
* 如果第一个值为true，则不会检查第二个值
*/
//如果两个值都是true则返回true
var result = true && true;
//只要有一个false，就返回false
result = true && false;
result = false && true;
result = false && false;
//console.log("result = "+result);
//第一个值为true，会检查第二个值
//true && alert("看我出不出来！！");
//第一个值为false，不会检查第二个值
//false && alert("看我出不出来！！");
//两个都是false，则返回false
result = false || false;
//只有有一个true，就返回true
result = true || false;
result = false || true ;
result = true || true ;
//console.log("result = "+result);
//第一个值为false，则会检查第二个值
//false || alert("123");
//第一个值为true，则不再检查第二个值
//true || alert("123");
var a = false;
//对a进行非运算
a = !a;
//console.log("a = "+a);
var b = 10;
b = !!b;
//console.log("b = "+b);
//console.log(typeof b);
</script>
</head>
<body>
</body>
</html>
非布尔值的与或非运算 Demo2
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
* && || 非布尔值的情况
* - 对于非布尔值进行与或运算时，
* 会先将其转换为布尔值，然后再运算，并且返回原值
* - 与运算：
* - 如果第一个值为true，则必然返回第二个值
* - 如果第一个值为false，则直接返回第一个值
*
* - 或运算
* - 如果第一个值为true，则直接返回第一个值
* - 如果第一个值为false，则返回第二个值
*
*/
//true && true
//与运算：如果两个值都为true，则返回后边的
var result = 5 && 6;
//与运算：如果两个值中有false，则返回靠前的false
//false && true
result = 0 && 2;
result = 2 && 0;
//false && false
result = NaN && 0;
result = 0 && NaN;
//true || true
//如果第一个值为true，则直接返回第一个值
result = 2 || 1;
result = 2 || NaN;
result = 2 || 0;
//如果第一个值为false，则直接返回第二个值
result = NaN || 1;
result = NaN || 0;
result = "" || "hello";
result = -1 || "你好";
console.log("result = "+result);
</script>
</head>
<body>
</body>
</html>
