溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

javascript中null有什么用

發(fā)布時(shí)間:2021-09-01 14:44:55 來源:億速云 閱讀:209 作者:小新 欄目:web開發(fā)

這篇文章給大家分享的是有關(guān)javascript中null有什么用的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。

javascript中null是JS提供的一種特殊值,表示缺少對象;在javascript中可以使用嚴(yán)格相等運(yùn)算符來檢查null值,其檢查語句如“missingObject === null;”。

本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版,DELL G3電腦。

javascript中null是什么?

JavaScript中關(guān)于null的一切

JavaScript有2種類型:基本類型(string, booleans number, symbol)和對象。
對象是復(fù)雜數(shù)據(jù)結(jié)構(gòu),JS 中最簡單的對象是普通對象:一組鍵關(guān)聯(lián)值

let myObject = {
  name: '前端小智'
}

但是在某些情況下無法創(chuàng)建對象。 在這種情況下,JS 提供一個(gè)特殊值null —表示缺少對象。

let myObject = null

1. null的概念

值 null 特指對象的值未設(shè)置,它是 JS 基本類型 之一,在布爾運(yùn)算中被認(rèn)為是falsy。

例如,函數(shù)greetObject()創(chuàng)建對象,但是在無法創(chuàng)建對象時(shí)也可以返回null:

function greetObject(who) {
  if (!who) {
    return null;
  }
  return { message: `Hello, ${who}!` };
}

greetObject('Eric'); // => { message: 'Hello, Eric!' }
greetObject();       // => null

但是,在不帶參數(shù)的情況下調(diào)用函數(shù)greetObject() 時(shí),該函數(shù)返回null。 返回null是合理的,因?yàn)?code>who參數(shù)沒有值。

2. 如何檢查null

檢查null值的好方法是使用嚴(yán)格相等運(yùn)算符

const missingObject = null;
const existingObject = { message: 'Hello!' };

missingObject  === null; // => true
existingObject === null; // => false

missingObject === null的結(jié)果為true,因?yàn)?code>missingObject變量包含一個(gè)null 值。

如果變量包含非空值(例如對象),則表達(dá)式existObject === null 的計(jì)算結(jié)果為false。

2.1 null 是虛值

nullfalse、0、''、undefined、NaN都是虛值。如果在條件語句中遇到虛值,那么 JS 將把虛值強(qiáng)制為false。

Boolean(null); // => false

if (null) {
  console.log('null is truthy')
} else {
  console.log('null is falsy')
}

2.2 typeof null

type null的結(jié)果是什么

typeof null; // => 'object'

為什么是'object',typoef null為object是早期 JS 實(shí)現(xiàn)中的一個(gè)錯(cuò)誤。

要使用typeof運(yùn)算符檢測null值。 如前所述,使用嚴(yán)格等于運(yùn)算符myVar === null。

如果我們想使用typeof運(yùn)算符檢查變量是否是對象,還需要排除null值:

function isObject(object) {
  return typeof object === 'object' && object !== null;
}

isObject({ prop: 'Value' }); // => true
isObject(15);                // => false
isObject(null);              // => false

3. null 的陷阱

null經(jīng)常會在我們認(rèn)為該變量是對象的情況下意外出現(xiàn)。然后,如果從null中提取屬性,JS 會拋出一個(gè)錯(cuò)誤。
所以說我么你想要從一個(gè)對象上取屬性的時(shí)候,要注意判斷這個(gè)對象可能是null, 要不然的話可能會出錯(cuò)。

【推薦學(xué)習(xí):《javascript基礎(chǔ)教程》】

4. null 的替代方法

當(dāng)無法構(gòu)造對象時(shí),我們通常的做法是返回null,但是這種做法有缺點(diǎn)。在執(zhí)行堆棧中出現(xiàn)null時(shí),剛必須進(jìn)行檢查。

嘗試避免返回 null 的做法:

  • 返回默認(rèn)對象而不是null

  • 拋出錯(cuò)誤而不是返回null

5. null vs undefined

undefined是未初始化變量對象屬性的值
nullundefined之間的主要區(qū)別是,null表示丟失的對象,而undefined表示未初始化的狀態(tài)。

提示:文章寫完后,目錄可以自動(dòng)生成,如何生成可參考右邊的幫助文檔

感謝各位的閱讀!關(guān)于“javascript中null有什么用”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI