,,

告別＂if-else＂，改用＂return＂！

admin

2025年3月31日 23:51 本文熱度 497

在日常的開發(fā)中，很多人習(xí)慣于使用 if-else 語句來處理各種條件。但你有沒有想過，層層嵌套的條件判斷，可能會讓代碼變得難以維護(hù)且難以閱讀？今天，我想分享一個讓代碼更清晰易讀的技巧，那就是——return。?

if-else 真的有必要嗎？

初學(xué)編程時，我們都習(xí)慣通過 if-else 語句來處理分支邏輯。比如判斷一個用戶是否活躍，是否有折扣，代碼通常會寫成這樣：

function getDiscountMessage(user) {
  if (user.isActive) {
    if (user.hasDiscount) {
      return `折扣已應(yīng)用于 ${user.name}！`;
    } else {
      return `${user.name} 不符合折扣條件。`;
    }
  } else {
    return `用戶 ${user.name} 已被停用。`;
  }
}

你看，這段代碼嵌套了多個 if-else 語句。如果我們繼續(xù)在這種風(fēng)格的代碼上添加更多條件判斷，會變得更加難以閱讀和維護(hù)。過多的嵌套讓人一眼難以理清邏輯。更嚴(yán)重的是，隨著代碼量增多，容易導(dǎo)致出錯。

return：清晰與高效的代碼編寫方式

所謂的提前return，就是在遇到異常情況或不符合條件時，立即返回并結(jié)束函數(shù)。通過提前處理錯誤情況或邊界情況，我們可以把代碼的“理想情況”留到最后處理。這種寫法可以讓代碼更清晰，邏輯更加直接。??

示例：用return優(yōu)化代碼

來看一看如何用return來重寫上面的代碼：

function getDiscountMessage(user) {
  if (!user.isActive) {
    return `用戶 ${user.name} 已被停用。`;
  }

  if (!user.hasDiscount) {
    return `${user.name} 不符合折扣條件。`;
  }

  // 理想情況：用戶活躍且符合折扣條件
  return `折扣已應(yīng)用于 ${user.name}！`;
}

?? 優(yōu)勢

每個條件只處理一次：每個 if 語句都提前處理好錯誤情況，讓后面的代碼不必考慮這些條件。
代碼結(jié)構(gòu)更扁平：沒有嵌套的 if-else 塊，更加一目了然。
更易維護(hù)：當(dāng)我們想增加或修改判斷邏輯時，只需在前面添加或修改條件判斷，不會影響到“理想情況”的代碼部分。

return vs if-else：一個真實場景

假設(shè)我們有一個需要檢查多個條件的函數(shù)，validateOrder，要確保訂單狀態(tài)有效、用戶有權(quán)限、庫存足夠等情況：

function validateOrder(order) {
  if (!order.isValid) {
    return `訂單無效。`;
  }

  if (!order.userHasPermission) {
    return `用戶無權(quán)限。`;
  }

  if (!order.hasStock) {
    return `庫存不足。`;
  }

  // 理想情況：訂單有效，用戶有權(quán)限，庫存足夠
  return `訂單已成功驗證！`;
}