在 JavaScript 中，Null類型是一個(gè)基本數(shù)據(jù)類型，它只有一個(gè)唯一的值：null。通常被用來表示一個(gè)有意為之的、不指向任何對(duì)象值的空值。邏輯上講，null值表示一個(gè)空對(duì)象指針，這也是給typeof傳一個(gè)null會(huì)返回"object"的原因。

let car = null; 
console.log(typeof car); // "object"，JavaScript的歷史遺留 Bug，不代表null是對(duì)象
//具體原因:不同的對(duì)象在底層都表現(xiàn)為二進(jìn)制，
//在 JavaScript 中二進(jìn)制前三位都為 0 的話會(huì)被判斷為 object 類型， 
//null 的二進(jìn)制全部為 0，自然前三位也是 0，
//所以執(zhí)行 typeof 值會(huì)返回 object。

在定義將來要保存對(duì)象值的變量時(shí)，建議使用null來初始化，不要使用其他值。 這樣，只要檢查這個(gè)變量的值是不是 null 就可以知道這個(gè)變量是否在后來被重新賦予了一個(gè)對(duì)象的引用。

if (car != null) {  
 // car 是一個(gè)對(duì)象的引用 
} 

初始化變量

預(yù)先聲明一個(gè)變量，并明確表示它暫不指向任何對(duì)象。

let futureObject = null; // 表明該變量準(zhǔn)備在將來容納一個(gè)對(duì)象

清空對(duì)象引用

當(dāng)一個(gè)對(duì)象不再需要時(shí)，將其引用設(shè)置為 null，這有助于垃圾回收機(jī)制釋放內(nèi)存。

let myHeavyObject = { ... }; // 一個(gè)占用大量內(nèi)存的對(duì)象
// ... 使用完成后
myHeavyObject = null; // 斷開引用，提示可以回收內(nèi)存

函數(shù)的返回值

當(dāng)函數(shù)沒有找到有效結(jié)果或操作失敗時(shí)，返回 null來表示"無"。

function findUser(id) {
  const user = users.find(u => u.id === id);
  return user || null; // 找到用戶返回用戶對(duì)象，否則返回 null
}

DOM 操作

在獲取不存在的 DOM 元素時(shí)，通常會(huì)返回 null。

const nonExistentElement = document.getElementById('does-not-exist');
console.log(nonExistentElement); // null

如何安全地檢測(cè)與處理 null ？

//正確檢測(cè) null
//由于 typeof的 Bug，最可靠的方法是使用嚴(yán)格相等運(yùn)算符（===）
if (myVar === null) {
  // 明確處理 myVar 為 null 的情況
}

//安全地訪問可能為 null的屬性
//在嘗試訪問 null（或 undefined）的屬性時(shí)，JavaScript 會(huì)拋出 TypeError。
//可選鏈操作符（?.） ：如果遇到 null或 undefined就立即停止訪問，返回 undefined
let name = user?.profile?.name; // 如果 user 或 profile 為 null/undefined，name 則為 undefiend
//空值合并操作符（??） ：為 null或 undefined提供一個(gè)默認(rèn)值
let displayName = user?.profile?.name ?? '匿名用戶'; // 如果名字為空，則顯示'匿名用戶'

與 undefined 的區(qū)別

undefined值是由null值派生而來的，在ECMA-262將它們定義為表面上相等。

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

即使null和undefined有關(guān)系，它們的用途也是完全不一樣的。不要顯式地將變量值設(shè)置為undefined，當(dāng)我們?cè)噲D訪問某個(gè)不存在的或者沒有賦值的變量時(shí)，就會(huì)得到一個(gè) undefined 值。Javascript 會(huì)自動(dòng)將聲明時(shí)沒有進(jìn)行初始化的變量設(shè)為 undifined。

但null任何時(shí)候，只要變量要保存對(duì)象，而當(dāng)時(shí)又沒有那個(gè)對(duì)象可保存，就要用null來填充該變量。null 不能通過 Javascript 來自動(dòng)賦值，也就是說必須要我們自己手動(dòng)來給某個(gè)變量賦值為 null。這樣就可以保持null是空對(duì)象指針的語義，并進(jìn)一步與undefined區(qū)分開來。

雖然 undefined和 null在非嚴(yán)格相等比較（==）時(shí)結(jié)果為 true，但它們有本質(zhì)的不同。

到此這篇關(guān)于JavaScript中Null類型的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)JavaScript Null類型內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論