初學者指南：JavaScript 中 undefined 和 not defined 的差異

By徐培鈞
LinkedIn

更新日期： 2024 年 10 月 14 日

在學習 JavaScript 的過程中，你可能會遇到 undefined 和 not defined 這兩個術語。

它們看起來很相似，但實際上有著非常不同的含義和用途。

這篇文章將幫助初學者理解 undefined 和 not defined 之間的差異，以及如何正確處理它們。

什麼是 undefined？

在 JavaScript 中，undefined 是一個特殊的值，用來表示某個變數已經宣告，但尚未賦值。

例子

let myVar;
console.log(myVar); // 輸出：undefined

在這段程式碼中，myVar 已經被宣告，但我們還沒有給它賦值，因此當你嘗試打印它時，它會顯示 undefined。

這代表 JavaScript 知道這個變數的存在，但目前沒有任何值被賦給它。

何時會遇到 undefined

  • 當你宣告了一個變數但沒有賦值時。
  • 當函數沒有回傳值時，默認會返回 undefined。
  • 當訪問物件中不存在的屬性時，會得到 undefined。
let obj = { name: "Alice" };
console.log(obj.age); // 輸出：undefined

在這裡，物件 obj 中沒有 age 屬性，因此返回 undefined。

什麼是 not defined？

not defined 是一個錯誤訊息，表示 JavaScript 找不到你所指的變數。

這通常發生在你嘗試訪問一個根本不存在的變數時。

例子

console.log(myVar); // ReferenceError: myVar is not defined

在這段程式碼中，myVar 從來沒有被宣告過，所以 JavaScript 不知道這個變數的存在，並且會拋出一個 ReferenceError，提示變數 not defined。

何時會遇到 not defined

  • 當你嘗試訪問一個未曾宣告的變數時。
  • 當你拼錯變數名稱，或者使用了一個未被定義的變數時。
console.log(unknownVar); // ReferenceError: unknownVar is not defined

在這裡，unknownVar 從來沒有宣告過，所以 JavaScript 提示你這個變數不存在。

總結 undefined 和 not defined 的差異

undefinednot defined
變數已經宣告，但尚未賦值。變數從未被宣告過。
這是一個 JavaScript 的預設值。這是一個錯誤訊息（ReferenceError）。
不會導致程式崩潰，可以繼續執行。將導致程式拋出錯誤，必須解決後才能繼續運行。

實際應用

  • undefined 通常代表變數是有效的，但尚未賦值。你可以使用條件來處理它，例如：
  let myVar;
  if (myVar === undefined) {
      console.log("變數尚未賦值");
  }
  • not defined 表示變數沒有宣告。為了避免這種錯誤，確保所有變數都被正確宣告，或者使用 typeof 來檢查變數是否存在：
  if (typeof unknownVar === "undefined") {
      console.log("變數不存在");
  }

如何避免常見錯誤

  1. 宣告所有變數：在使用變數之前，務必先宣告它，這樣可以避免 not defined 錯誤。
   let count;
   console.log(count); // 輸出：undefined
  1. 小心拼寫錯誤：很多時候，not defined 是因為拼錯變數名稱。例如，寫成 myVar 而不是 myvar。
  2. 檢查變數是否存在：在使用變數之前，可以使用 typeof 來檢查是否已經定義。
   if (typeof someVar !== "undefined") {
       console.log(someVar);
   } else {
       console.log("someVar 尚未定義");
   }

結論

在 JavaScript 中，undefined 和 not defined 是兩個容易混淆的概念，但它們有著截然不同的含義。u

ndefined 表示變數已經宣告但尚未賦值，而 not defined 則表示變數根本不存在。

理解這兩者之間的區別，能幫助你在寫程式時更有效地處理錯誤和避免常見的陷阱。

希望這篇文章能幫助你了解 undefined 和 not defined 的差異，讓你的 JavaScript 學習之路更加順利。

如果有其他問題，請隨時繼續學習和探索，實踐是最好的老師！

Similar Posts