JS中的undefined 與 null-有解無憂

在 JavaScript 中， undefined 和 null 是兩個特殊的值，用于表示缺失或空值，

undefined 是一個表示未定義或未賦值的原始值，它在以下情況下使用：

1. 變數宣告了但未初始化時，默認為 undefined ，

let x;
console.log(x); // undefined

2. 訪問物件屬性或陣列元素時，如果該屬性或元素不存在，則回傳 undefined ，

let obj = { name: "John", age: 30 };
console.log(obj.address); // undefined

let arr = [1, 2, 3];
console.log(arr[3]); // undefined

3. 函式沒有明確回傳值時，默認回傳 undefined ，

function foo() {
// 沒有明確回傳值
}

console.log(foo()); //undefined

相比之下， null 是一個表示空值或沒有物件參考的特殊值，它通常由程式員顯式賦予變數或屬性，表示該值為空，例如：

let x = null;
console.log(x); // null

null 主要用于以下情況：

1. 初始化一個變數，以便稍后將其設定為物件，

let obj = null; // 初始化為 null
obj = { name: "John", age: 30 }; // 后續設定為物件

2. 表示函式的引數不具有物件參考，

function foo(arg) {
  if (arg === null) {
    console.log("引數為空");
  } else {
    console.log("引數不為空");
  }
}

foo(null); // 引數為空
foo("Hello"); // 引數不為空

需要注意的是， undefined 和 null 是不同的型別， undefined 是一個型別為 undefined 的值，而 null 是一個型別為 object 的值，然而，在相等性比較（ == 或 === ）中，它們是相等的，因為它們都表示著相同的含義——空值，

console.log(undefined == null); // true
console.log(undefined === null); // false

在編程中，通常使用 undefined 來表示未定義或未賦值的狀態，使用 null 來表示有意地將一個值設定為空，

當涉及到 undefined 和 null 的更多細節時，還有一些要注意的事項：

1. 型別檢查：

- 使用 typeof 運算子檢查 undefined 值時，會回傳字串 "undefined" ，
- 使用 typeof 運算子檢查 null 值時，會回傳字串 "object" ，這是一個歷史遺留問題， null 被錯誤地標識為物件型別，

let x;
console.log(typeof x); // "undefined"

let y = null;
console.log(typeof y); // "object"

2. 默認引數值：

- 當函式的引數沒有傳遞或傳遞的值為 undefined 時，可以使用默認引數值，
- 當函式的引數傳遞 null 值時，會將 null 視為有效值，而不會觸發默認引數值，

function foo(x = "default") {
    console.log(x);
}

foo(); // "default"
foo(undefined); // "default"
foo(null); // null

3. 安全導航運算子：

- 使用安全導航運算子（ ?. ）可以避免訪問物件屬性或呼叫方法時出現 undefined 或 null 的錯誤，如果屬性或方法不存在，則會回傳 undefined ，

let obj = { name: "John", address: { city: "New York" } };

console.log(obj.address?.city); // "New York"
console.log(obj.address?.zipCode); // undefined

4. 變數賦值：

- 在變數賦值時， undefined 被視為一個變數可以接收的有效值，
- 而 null 被視為一個特殊值，通常用于表示慷訓未定義的狀態，

let x = undefined;
console.log(x); // undefined

let y = null;
console.log(y); // null

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/553176.html

標籤：JavaScript

上一篇：Deferred Components-實作Flutter運行時動態下發Dart代碼 | 京東云技術團隊

下一篇：返回列表