null, undefined 和 undeclared 的差異
null
- 變數被宣告並且被指定爲有意義的空值
null
,通常用來明確地表示「沒有值」或「空物件」的狀態。null
的型別是物件。 - 型別:
null
的型別是物件。 - 使用場景:當你明確地想表示某個變數不應該有任何值時,可以將其設為
null
。
let obj = null;
console.log(typeof obj); // "object"
undefined
- 變數被宣告已經被宣告但是並沒有指派一個值,當 JavaScript 初始化變數或找不到某個物件的屬性時,會自動給它賦值為
undefined
。 - 型別:
undefined
。 - 使用場景:當沒有給變數賦值,或者函數沒有返回值時,JavaScript 會自動給它
undefined
。
在鬆散的比較中, null
== undefined
,但在嚴格比較中 === 它們是不相等的。
console.log(null == undefined); // true
console.log(null === undefined); // false
let x;
console.log(x); // undefined
console.log(typeof x); // "undefined"
undeclared
- undeclared 就是從未被宣告過的變數。如果在嚴格模式下嘗試使用未宣告的變數,會拋出 ReferenceError 錯誤。
- 使用場景:undeclared 通常是由於變數使用前未宣告造成的錯誤,這在嚴格模式下尤其會被檢測出來。
"use strict";
x = 1; //會在嚴格模式下拋出 ReferenceError 錯誤,因為變數沒有被宣告
console.log(x);
在非嚴格模式下,這種行為會自動在全域範圍創建變數,這可能導致意想不到的副作用。
x = 1; // 非嚴格模式下會隱式創建全域變數 x
console.log(x); // 1
實例練習 1
Type Utilities In this question, we will implement the following utility functions to determine the types of primitive values.
- isBoolean(value): Return true if value is a boolean, false otherwise.
- isNumber(value): Return true if value is a number, false otherwise. Note that NaN is considered a number.
- isNull(value): Return true if value is null, false otherwise.
- isString(value): Return true if value is a String, else false.
- isSymbol(value): Return true if value is a Symbol primitive, else false.
- isUndefined(value): Return true if value is undefined, else false.
解題 1
export function isBoolean(value) {
return typeof value === "boolean";
}
export function isNumber(value) {
return typeof value === "number";
}
export function isNull(value) {
return value === null;
}
export function isString(value) {
return typeof value === "string";
}
export function isSymbol(value) {
return typeof value === "symbol";
}
export function isUndefined(value) {
return typeof value === "undefined";
}
實例練習 2
// This is a JavaScript Quiz from BFE.dev
console.log(JSON.stringify([1, 2, null, 3]));
console.log(JSON.stringify([1, 2, undefined, 3]));
console.log(null === undefined);
console.log(null == undefined);
console.log(null == 0);
console.log(null < 0);
console.log(null > 0);
console.log(null <= 0);
console.log(null >= 0);
console.log(undefined == 0);
console.log(undefined < 0);
console.log(undefined > 0);
console.log(undefined <= 0);
console.log(undefined >= 0);
解題 2
// This is a JavaScript Quiz from BFE.dev
console.log(JSON.stringify([1, 2, null, 3])); //"[1,2,null,3]"
console.log(JSON.stringify([1, 2, undefined, 3])); //"[1,2,null,3]",undefined 被轉換為 null,因為 JSON 不支持 undefined 作為有效值
console.log(null === undefined); //false
console.log(null == undefined); //true
console.log(null == 0); //false
console.log(null < 0); //false
console.log(null > 0); //false
console.log(null <= 0); //true,null 會被轉換為 0
console.log(null >= 0); //true,null 會被轉換為 0
console.log(undefined == 0); //false,undefined 會被轉換為 NaN
console.log(undefined < 0); //false,undefined 會被轉換為 NaN
console.log(undefined > 0); //false,undefined 會被轉換為 NaN
console.log(undefined <= 0); //false,undefined 會被轉換為 NaN
console.log(undefined >= 0); //false,undefined 會被轉換為 NaN