2024-03-07

Falsy Values危險嗎？

JavaScript的falsy values很危險嗎？它們是什麼？到處都看得到它們啊？恩，下面這段程式碼有點玄機，快先一起來看看，裡面有什麼問題：

let address2 = "";
if (!address2) {
  console.log("Address2 is not initialized.");
} else {
  console.log("Checkout!");
}

恩，實際上，如果我們真的這樣寫，執行後的結果會是：

什麼！？我明明就用空字串""初始化第二地址address2變數了，怎麼JavaScript還是把它當成沒有初始化呢？原來是JavaScript在conditional裡面會把空字串當成false啦！所以即使我們已經用空字串""初始化好address2變數了，它在conditionals裡還是被當成false，接著經由一個!的logical not operator運算之後，就得到意料之外的結果啦！

Falsy (Falsey) Values

這種會讓JavaScript engine在conditional裡面自動當成false的數值，叫做falsy values，又叫做falsey values。只要不是falsy value的數值，在conditional裡面都會被當成true，例如3、"Some text"和[1]等等。雖然直接這麼寫有時真的很方便，JavaScript的conditonal判斷實在有很多詭異的地方，我們還是多加注意吧！那麼，falsy values到底有哪些呢？讓我們熟記下面這5個吧！準備好了嗎？它們分別是：

Falsy (Falsey) Values	說明
`null`	應該要有值，但目前還沒辦法給值的物件變數。
`undefined`	沒有被初始化的變數。
`""`	空字串。
`0`	數字0。
`NaN`	沒辦法在JavaScript裡呈現的數字，例如對-1開根號，全名是Not-A-Number。備註：`NaN`不等於任何數值，甚至是它自己。我們可以用`isNaN()`方法來檢查變數的值是不是`NaN`。

一起熟記falsy values，避開JavaScript conditional地雷吧！