js 與或運算子&&和||使用技巧

熟練的使用這兩個運算子可以有效的精簡程式碼，寫出更為高效的程式，下面就簡單做一下介紹。

一.或運算子:

可以通過或運算子設定預設值:

實現此功能的一般寫法如下:

[JavaScript] 純文字檢視 複製程式碼
function done(webName){
  if(!webName){
    webName="螞蟻部落";
  }
}

如果函式done()沒有傳遞引數的話，那麼就設定一個預設值。

使用或運算子，程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function done(webName){
  var webName=webName||"螞蟻部落";
}

上面的程式碼是不是更為精簡了。

二.與運算子:

使用與運算子進行條件判斷:

[JavaScript] 純文字檢視 複製程式碼
function isAdult(age){
  if(age && age > 17){
    return true;
  } 
  else {
    return false;
  }
}

上面的程式碼判斷是否是成年人，如果傳遞了age，並且age大於17那麼就是一個成年人。

我們可以使用與運算子精簡如下:

[JavaScript] 純文字檢視 複製程式碼
function isAdult(age){
  return age && age > 17
}

幾個應用例項:

通常程式碼寫法:

[JavaScript] 純文字檢視 複製程式碼
if (userName) {
 logIn(userName);
} else {
 signUp();
}

使用與或運算子:

[JavaScript] 純文字檢視 複製程式碼
userName && logIn(userName) || signUp();

通常程式碼寫法:

[JavaScript] 純文字檢視 複製程式碼
var userID;
if (userName && userName.loggedIn) {
 userID = userName.id;
} else {
 userID = null;
}

使用與或運算子:

[JavaScript] 純文字檢視 複製程式碼
var userID = userName && userName.loggedIn && userName.id;