||和&&都是短路邏輯符。
他們的區別是:
- a && b
a和b同時為true 才返回 true, 否則返回false
- a || b
a或b任意一個為true 就返回true , 否則返回false - &&的優先級比||高
但是我們面試時可能會碰到的關于他們兩的很尷尬的題是意想不到的:
一、先來說說||(邏輯或),從字面上來說,只有前后都是false的時候才返回false,否則返回true。
alert("1"||"") //的輸出結果
//因為||左邊是"1",他是true.而||右邊是"",他是false.
但輸出結果是“1”
alert(true||false); // true
alert(false||true); // true
alert(true||true); // true
alert(false||false); // false
但是,從深層意義上來說的話,卻有另一番天地,試這想一下下面的代碼:
alert(0||1);
顯然,我們知道,前面0意味著false,而后面1意味著true,那么上面的結果應該是true,而事實返回的結果是1。再看下面代碼:
alert(2||1);
我們知道,前面2是true,后面1也是true,那返回結果又是什么呢?結果是2,繼續看:
alert('a'||1);
同樣,前面'a'是true,后面1也是true;測試結果是'a',下面
alert(''||1);
由上,我們知道前面''是false,后面1是true,而返回結果是1。
從上面的代碼可以總結出:
1、只要“||”前面為false,不管“||”后面是true還是false,都返回“||”后面的值。
2、只要“||”前面為true,不管“||”后面是true還是false,都返回“||”前面的值。
二、下面說說&&(邏輯與),從字面上來說,只有前后都是true的時候才返回true,否則返回false。
alert(true&&false); // false
alert(true&&true); // true
alert(false&&false); // false
alert(false&&true); // false
然后,根據上面經驗,我們看看“&&”號前后,不單單是布爾類型的情況。
alert(''&&1);
結是返回'',“&&”前面''是false,后面是1是true。
alert(''&&0);
結是返回'',“&&”前面''是false,后面是0也是false。
alert('a'&&1);
結是返回1,“&&”前面''a是true,后面是1也是true。
alert(0&&'');
結是返回0,“&&”前面''0是false,后面是''也是false。
這意味著
1、只要“&&”前面是false,無論“&&”后面是true還是false,結果都將返“&&”前面的值;
2、只要“&&”前面是true,無論“&&”后面是true還是false,結果都將返“&&”后面的值;
讓我們總結一下:
1、只要“||”前面為false,無論“||”后面是true還是false,結果都返回“||”后面的值。
2、只要“||”前面為true,無論“||”后面是true還是false,結果都返回“||”前面的值。
3、只要“&&”前面是false,無論“&&”后面是true還是false,結果都將返“&&”前面的值;
4、只要“&&”前面是true,無論“&&”后面是true還是false,結果都將返“&&”后面的值;
由上兩個測試可知,邏輯運算符,“||”和“&&”都是遵行短路原則,只要確定符號前面的真假,既可確定返回值。
需要說明的是“&&”的優先級是高于“||”的,下面測試:
alert(1||'a'&&2);
返回結果是1。
根據反證原理,我們假設“||”的優先級不低于“&&”(這里只所以用“不低于”,是為了同時證明等級相同的情況)。
根據上面我們得出的結論(1),(1||'a')將返回前面的值1,(1&&2)根據結論(4)應該返回后面的值2。這顯然不對,由此可知“&&”的優先級是高于“||”的。
希望可以幫到面試時一籌莫展的寶寶們~
fighting送給深夜加班奮斗的碼農們