JavaScript基础学习（一）

逻辑运算符

逻辑运算符用于测定变量或值之间的逻辑。

给定 x=6 以及 y=3，下表解释了逻辑运算符：

条件运算符

JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。

<p> 点击按钮判断年龄。</p>
年龄:<input id="age" value="18"/>
<p>是否达到投票年龄？</p>
<button onclick="myFunction01()">点击按钮</button>
<p id="demo01"></p>
<script>
function myFunction01(){
var age,voteable;
age=document.getElementById("age").value;
window.alert(voteable=(age<18)?"年龄不足":"年龄已达到");
document.getElementById("demo01").innerHTML=voteable;
}
</script>

 JavaScript多元运算符

p>1?p<b?p>b:p=6:p=3
p>1?整体:p=3

1、当 p>1 时返回 p<b?p>b:p=6

• 1.1、当 p<b 时返回 p>b
•  1.2、当 p>=b 时返回 p=6

2、当 p<=1 是返回 p=3 所以先执行 1

3、实例中当 p＝9 的时候，返回 p<b?p>b:p=6 接着执行 1.1，当 p＝9<12 时，返回 p>b，即 9>12，条件不成立所以最终结果为 false。

JavaScript 中有三种逻辑运算符：

1. 取反 !

首先把数据转化为布尔值，然后取反，结果为 true 或 false。

<scripttype="text/javascript">
var a =[1,2,3];
var b ="hello";
var obj =newObject();
var d;
console.log(!"");//true
console.log(!d);//true
console.log(!a);//false
console.log(!b);//false
console.log(!obj);//false
</script>

2. 逻辑与 &&

JavaScript 中逻辑与和其他语言不太一样，如果第一个操作数是 true(或者能够转为 true)，计算结果就是第二个操作数，

如果第一个操作数是 false，结果就是 false（短路计算），对于一些特殊数值不遵循以上规则。

(个人理解为:如果运算的第一个操作数为true,则返回第二个操作数,反之则返回第一个操作数)

返回的不是单纯的 true 还是 false，而是具体的值；

若是第一个值转换布尔值为 true，就返回第二个值；反之，返回第一个值。

白话说就是：哪个值是错的就返回哪个值，如果都是对的，返回最后一个值。

<scripttype="text/javascript">
var a =[1,2,3];
var b ="hello";
var obj =newObject();
var d;
console.log(true&&10);//第一个操作数是true，结果是第二个操作，也就是10
console.log(false&& b);//第一个操作数是false，结果flase
console.log(100&&false);//第一个操作数是100，结果flase
console.log(undefined&&false);//第一个操作数是undefined，结果undefined
console.log(NaN&&false);//第一个操作数是NaN，结果NaN
console.log(null&&false);//第一个操作数是null，结果null
console.log(''&&false);//第一个操作数是空串，结果空串
console.log(0&&100);//结果是0
console.log(5&&100);//100
console.log(a && b);//hello
console.log(obj &&200);//200
</script>

3. 逻辑或 ||

如果第一个操作数不是 false，结果就是第一个操作数，否则结果是第二个操作数。如果第一个操作数能够转为 true，

结果就是第一个操作数(个人理解为:如果运算的第一个操作数为 true,则返回第一个操作数,反之则返回第二个操作数)

同 && 类似，返回的不是单纯的 true 和 false，而是具体的值。

这个是从头开始，遇到能转换成 true 的值，就返回那个值，如果没有 true 的就返回最后一个值。

<scripttype="text/javascript">
var a =[1,2,3];
var b ="hello";
var obj =newObject();
var d;
console.log(true||10);//第一个操作数是true，结果是第一个操作，也就是true
console.log(false|| b);//第一个操作数是false，结果是第二个操作数b
console.log(100||false);//第一个操作数是100，结果100
console.log(undefined||9);//第一个操作数是undefined转false，结果9
console.log(NaN||false);//第一个操作数是NaN转false，结果第二个操作数
console.log(null|| a);//第一个操作数是null转false，结果a
console.log(''||false);//第一个操作数是空串转false，结果第二操作数
console.log(0||100);//结果是100
console.log(5||100);//5
console.log(a || b);//a
console.log(obj ||200);//obj
</script>