javascript中關于&& 和 || 表達式的小技巧分享
如果你還是新手, 而且讀完所有這些技巧的詳解和每種技巧是如果工作的以后運用它們, 你會寫出更加簡練高效的JavaScript程序.
確實, JavaScript高手已經(jīng)運用這些技巧寫出了很多強大, 高效的JavaScript程序. 但是你可以這樣.
強大的 && 和 || 表達式
你可能在JavaScript庫和JavaScript框架中已經(jīng)見過它們了, 那么我們先由幾個基本的例子開始:
例子1. || (或)
設置默認值, 通常用
function documentTitle(theTitle) {
if (!theTitle) {
theTitle = "Untitled Document";
}
}
用這代替:
function documentTitle(theTitle) {
theTitle = theTitle || "Untitled Document";
}
解析:
首先, 閱讀以下的"提示"框復習JavaScript是如何判斷布爾值的
|| 操作符首先從左開始判斷表達式的真假, 如果為真, 馬上返回左邊表達式返回的值; 如果左邊表達式被判斷為假, 則繼續(xù)判斷右邊的表達式, 并返回右邊表達式的值
如果theTitle被判斷為假, 會返回右邊表達式的值. 換句話說, 如果theTitle變量被判斷為真, 則返回theTitle的值.
! 提示:
JavaScript判斷為假的值: null, false, 0, undefined, NaN 和 ""(空字符串).
記住像Infinity(無限大)這種 NaN 類的值是被判斷為真不是假. 然而, NaN被判斷為假.
除了以上這些, 其他值全部被判斷為真.
例子2. &&(并)
不要這么做:
function isAdult(age) {
if (age && age > 17) {
return true;
} else {
return false;
}
}
用這代替:
function isAdult(age) {
return age && age > 17;
}
解析:
&& 操作符從左開始判斷表達式, 如果左邊的表達式被判斷為假, 這馬上返回false, 不管右邊的表達式是否為真.
如果左邊的表達式為真, 則繼續(xù)判斷右邊的表達式, 然后返回右邊表達式結果
這變得越來越有趣了
例子3.
不要這樣做:
if (userName) {
logIn(userName);
} else {
signUp();
}
用這代替:
userName && logIn(userName) || signUp();
解析:
如果userName為真, 調用logIn函數(shù)并傳遞userName變量
如果userName為假, 調用logIn函數(shù)不傳遞任何變量
例子4.
不要這樣做:
var userID;
if (userName && userName.loggedIn) {
userID = userName.id;
} else {
userID = null;
}
用這代替:
var userID = userName && userName.loggedIn && userName.id;
解析:
如果userName為真, 則調用user.loggedIn, 并檢查user.loggedIn是否為真; 如果返回真, 則返回第三個表達式的返回值
如果userName為空, 返回null
以上所述就是本文給大家分享的第一個javascript小技巧了，希望大家能夠喜歡。
相關文章
這篇文章主要介紹了創(chuàng)建與框架無關的JavaScript插件，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-12-12
這篇文章主要為大家詳細介紹了如何利用bootstrap快速制作后臺界面,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
javascript強制彈出新窗口，主要是利用的動態(tài)創(chuàng)建鏈接。2009-12-12
今天小編就為大家分享一篇解決layui頁面按鈕點擊無反應,也不報錯的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了給事件響應函數(shù)傳參數(shù)的四種方式。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
eval(function(p,a,c,k,e,d)系列解密javascript程序
在網(wǎng)上下載源代碼時，很可能發(fā)現(xiàn)代碼里的JS腳本看不懂，這是由于JS加密造成的。如果你發(fā)現(xiàn)JS是以eval(function(p,a,c,k,e,r){e=function(c)開頭的，看到這個頁面你就可以解決他2007-04-04
文章介紹了如何在微信小程序中安裝和配置Prettier插件,以實現(xiàn)代碼格式化,通過在開發(fā)者工具的設置中添加配置,并在項目根目錄創(chuàng)建`.prettierrc`文件,可以自定義格式化規(guī)則,感興趣的朋友跟隨小編一起看看吧2024-11-11
JS中‘hello’與new String(‘hello’)引出的問題詳解
這篇文章主要給大家介紹了關于JS中'hello'與new String('hello')引出的問題的相關資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面隨著小編來一起學習學習吧2018-08-08
電影院選座基本上每個人都用到過，本文主要介紹了JS實現(xiàn)電影票選座的項目示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-04-04
這篇文章主要介紹了js實現(xiàn)數(shù)字每三位加逗號的方法,以實例形式講述了js實現(xiàn)數(shù)字每三位加逗號的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02