欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript中關(guān)于&& 和 || 表達(dá)式的小技巧分享

 更新時(shí)間：2015年04月10日 09:19:43   投稿：hebedich  
我將會(huì)介紹和解析12個(gè)簡(jiǎn)單但是強(qiáng)大的JavaScript技巧. 這些技巧所有的JavaScript程序員都可以馬上使用, 你不需要成為JavaScript高手才能理解這些.下面我們開(kāi)始本系列的第一篇文章，介紹下強(qiáng)大的&& 和 || 表達(dá)式

如果你還是新手, 而且讀完所有這些技巧的詳解和每種技巧是如果工作的以后運(yùn)用它們, 你會(huì)寫(xiě)出更加簡(jiǎn)練高效的JavaScript程序.

確實(shí), JavaScript高手已經(jīng)運(yùn)用這些技巧寫(xiě)出了很多強(qiáng)大, 高效的JavaScript程序. 但是你可以這樣.

強(qiáng)大的 && 和 || 表達(dá)式
你可能在JavaScript庫(kù)和JavaScript框架中已經(jīng)見(jiàn)過(guò)它們了, 那么我們先由幾個(gè)基本的例子開(kāi)始:

例子1. || (或)
設(shè)置默認(rèn)值, 通常用

復(fù)制代碼 代碼如下:

function documentTitle(theTitle) {
  if (!theTitle) {
 theTitle = "Untitled Document";
  }
}

用這代替:

復(fù)制代碼 代碼如下:

function documentTitle(theTitle) {
  theTitle = theTitle || "Untitled Document";
}

解析:

首先, 閱讀以下的"提示"框復(fù)習(xí)JavaScript是如何判斷布爾值的
|| 操作符首先從左開(kāi)始判斷表達(dá)式的真假, 如果為真, 馬上返回左邊表達(dá)式返回的值; 如果左邊表達(dá)式被判斷為假, 則繼續(xù)判斷右邊的表達(dá)式, 并返回右邊表達(dá)式的值
如果theTitle被判斷為假, 會(huì)返回右邊表達(dá)式的值. 換句話說(shuō), 如果theTitle變量被判斷為真, 則返回theTitle的值.
! 提示:
JavaScript判斷為假的值: null, false, 0, undefined, NaN 和 ""(空字符串).
記住像Infinity(無(wú)限大)這種 NaN 類(lèi)的值是被判斷為真不是假. 然而, NaN被判斷為假.
除了以上這些, 其他值全部被判斷為真.

例子2. &&(并)

不要這么做:

function isAdult(age) {
 if (age && age > 17) {
  return true;
 } else {
  return false;
 }
}

用這代替:

復(fù)制代碼 代碼如下:

function isAdult(age) {
  return age && age > 17;
}

解析:

&& 操作符從左開(kāi)始判斷表達(dá)式, 如果左邊的表達(dá)式被判斷為假, 這馬上返回false, 不管右邊的表達(dá)式是否為真.
如果左邊的表達(dá)式為真, 則繼續(xù)判斷右邊的表達(dá)式, 然后返回右邊表達(dá)式結(jié)果
這變得越來(lái)越有趣了

例子3.

不要這樣做:

if (userName) {
 logIn(userName);
} else {
 signUp();
}

用這代替:

復(fù)制代碼 代碼如下:

userName && logIn(userName) || signUp();

解析:

如果userName為真, 調(diào)用logIn函數(shù)并傳遞userName變量
如果userName為假, 調(diào)用logIn函數(shù)不傳遞任何變量

例子4.
不要這樣做:

var userID;

if (userName && userName.loggedIn) {
 userID = userName.id;
} else {
 userID = null;
}

用這代替:

復(fù)制代碼 代碼如下:

var userID = userName && userName.loggedIn && userName.id;

解析:

如果userName為真, 則調(diào)用user.loggedIn, 并檢查user.loggedIn是否為真; 如果返回真, 則返回第三個(gè)表達(dá)式的返回值
如果userName為空, 返回null

以上所述就是本文給大家分享的第一個(gè)javascript小技巧了，希望大家能夠喜歡。

相關(guān)文章

最新評(píng)論