javascript中undefined的示例分析

這篇文章主要介紹了javascript中undefined的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

一、列出7種數(shù)據(jù)類(lèi)型（面試可能問(wèn)）

• Undefined

• Null

• Boolean

• String

• Number

• Symbol

• Object

二、undefined本質(zhì)

undefined是window對(duì)象的一個(gè)屬性，其類(lèi)型是Undefined。

下面解釋javascript中屬性的本質(zhì)，因?yàn)閡ndefined是一個(gè)屬性，了解undefine的本質(zhì)要用到屬性的本質(zhì)。

三、屬性本質(zhì)

對(duì)JavaScript來(lái)說(shuō)，屬性并非只是簡(jiǎn)單的名稱(chēng)和值，JavaScript用一組特征（attribute）來(lái)描述屬性（property）。

先來(lái)說(shuō)第一類(lèi)屬性，數(shù)據(jù)屬性。它比較接近于其它語(yǔ)言的屬性概念。數(shù)據(jù)屬性具有四個(gè)特征。

• value：就是屬性的值。

• writable：決定屬性能否被賦值。

• enumerable：決定for in能否枚舉該屬性。

• configurable：決定該屬性能否被刪除或者改變特征值。

補(bǔ)充：第二類(lèi)屬性是訪問(wèn)器（getter/setter）屬性，它也有四個(gè)特征。 （本文用不到，但可以和第一類(lèi)屬性放在一起記憶）

• getter：函數(shù)或undefined，在取屬性值時(shí)被調(diào)用。

• setter：函數(shù)或undefined，在設(shè)置屬性值時(shí)被調(diào)用。

• enumerable：決定for in能否枚舉該屬性。

• configurable：決定該屬性能否被刪除或者改變特征值。

我們通常用于定義屬性的代碼會(huì)產(chǎn)生數(shù)據(jù)屬性，其中的writable、enumerable、configurable都默認(rèn)為true。我們可以使用內(nèi)置函數(shù) Object.getOwnPropertyDescripter來(lái)查看，如以下代碼所示：

const print = console.log
const o = {a: 1}
o.b = 2
// a和b均為數(shù)據(jù)屬性
const aa = Object.getOwnPropertyDescriptor(o, 'a')
// {value: 1, writable: true, enumerable: true, configurable: true}
const bb = Object.getOwnPropertyDescriptor(o, 'b')
// {value: 2, writable: true, enumerable: true, configurable: true}
print('aa', aa)
print('bb', bb)

對(duì)window對(duì)象的undefined施加此函數(shù)：

由此看出undefined是window的第一類(lèi)屬性--數(shù)據(jù)屬性，而且該屬性不能能被賦值（writable=false），不能被for in枚舉（enumerable=false），不能刪除或改變特征值(configurable=false)。這也解釋為什么給undefined重新賦值后其值卻不改變：因?yàn)閣ritable=false

以及解釋為什么不能重新用Object.defineProperty函數(shù)定義undefined：因?yàn)閏onfigurable=false

注：如果我們要想改變屬性的特征，或者定義訪問(wèn)器屬性，我們可以使用 Object.defineProperty

四、Undefined與Null

一個(gè)問(wèn)題，為什么有的編程規(guī)范要求用void 0代替undefined？現(xiàn)在我們就分別來(lái)看一下。

Undefined 類(lèi)型表示未定義，它的類(lèi)型只有一個(gè)值，就是 undefined。任何變量在賦值前是 Undefined 類(lèi)型、值為 undefined，一般我們可以用全局變量undefined（就是名為undefined的這個(gè)變量）來(lái)表達(dá)這個(gè)值，或者 void 運(yùn)算來(lái)把任一一個(gè)表達(dá)式變成 undefined 值。

但是呢，因?yàn)镴avaScript的代碼undefined是一個(gè)變量，而并非是一個(gè)關(guān)鍵字，這是JavaScript語(yǔ)言公認(rèn)的設(shè)計(jì)失誤之一，所以，為了避免無(wú)意中被篡改，建議使用 void 0 來(lái)獲取undefined值。

Undefined跟 null 有一定的表意差別，null表示的是：“定義了但是為空”。所以，在實(shí)際編程時(shí)，我們一般不會(huì)把變量賦值為 undefined，這樣可以保證所有值為 undefined 的變量，都是從未賦值的自然狀態(tài) 。

Null 類(lèi)型也只有一個(gè)值，就是 null，它的語(yǔ)義表示空值，與 undefined 不同，null 是 JavaScript 關(guān)鍵字，所以在任何代碼中，你都可以放心用 null 關(guān)鍵字來(lái)獲取 null 值。

五、總結(jié)

undefined是window對(duì)象的一個(gè)屬性其類(lèi)型是Undefined，屬性不是簡(jiǎn)單的名值對(duì)，它還具有一組特征值（attribute）。通過(guò)Object.getOwnPropertyDescriptor函數(shù)可以得到這組特征值。通過(guò)Object.defineProperty函數(shù)可以添加一個(gè)自定義特征值的屬性，在已有屬性的特征值configurable為true的前提下也可以通過(guò)該函數(shù)修改已有屬性的特征值。

補(bǔ)充：undefined在全局環(huán)境沒(méi)法被賦值，在局部環(huán)境是可以被賦值的！

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“javascript中undefined的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!