首頁  >  文章  >  web前端  >  解釋&&和||在javascript中的另類用法_基礎知識

解釋&&和||在javascript中的另類用法_基礎知識

WBOY
WBOY原創
2016-05-16 16:41:051249瀏覽

又開始研究起Titanium 來,發現其官方出品的MVC框架(Alloy)還是挺不錯的,剛開始苦於沒有好的代碼來學習,文檔又少,所以一直沒去詳細研究,後來發現原來官方的CodeStrong 就是一套非常好的學習程式碼,只要看通了其整套程式碼,相信對Alloy的使用也基本上會了~

在看其原始碼的同時,發現很多地方使用了諸如以下的用法:

$.clouds && ($.index.add($.clouds));

一開始不是很理解,畢竟平常這樣用的也少,上了下google後才知道原來這樣寫法非常方便好用(其實jquery的源碼裡也大量使用此方法)。以下引用一段網路上找到的解釋&&和||在javascript中的另類用法:
a() && b() :如果執行a()後傳回true,則執行b()並傳回b的值;如果執行a()後傳回false,則整個表達式傳回a()的值,b( )不執行;
a() || b() :如果執行a()後傳回true,則整個表達式傳回a()的值,b()不執行;如果執行a()後傳回false,則執行b()並傳回b()的值;

&& 優先權高於 ||

看完後就相當清楚了,再看看具體代碼:
alert((1 && 3 || 0) && 4); //結果4 ①
alert(1 && 3 || 0 && 4); //結果3 ②
alert(0 && 3 || 1 && 4); //結果4 ③

分析:

語句①:1&&3 回傳3 => 3 || 0 回傳 3 => 3&&4 回傳 4
語句②:先執行1&&3 回傳3,在執行0&&4回傳0,最後執行結果比較 3||0 回傳 3
語句③:先執行0&&3 回傳0,在執行1&&4回傳4,最後執行結果比較 0||4 回傳 4
註:非0的整數都為true,undefined、null和空字串”” 為false。

感覺javascript確實挺強挺靈活的!!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn