javascript中undefined的本質(zhì)解析
一、列出7種數(shù)據(jù)類型(面試可能問(wèn))
- Undefined
- Null
- Boolean
- String
- Number
- Symbol
- Object
二、undefined本質(zhì)
undefined是window對(duì)象的一個(gè)屬性,其類型是Undefined。
下面解釋javascript中屬性的本質(zhì),因?yàn)閡ndefined是一個(gè)屬性,了解undefine的本質(zhì)要用到屬性的本質(zhì)。
三、屬性本質(zhì)
對(duì)JavaScript來(lái)說(shuō),屬性并非只是簡(jiǎn)單的名稱和值,JavaScript用一組特征(attribute)來(lái)描述屬性(property)。
先來(lái)說(shuō)第一類屬性,數(shù)據(jù)屬性。它比較接近于其它語(yǔ)言的屬性概念。數(shù)據(jù)屬性具有四個(gè)特征。
- value:就是屬性的值。
- writable:決定屬性能否被賦值。
- enumerable:決定for in能否枚舉該屬性。
- configurable:決定該屬性能否被刪除或者改變特征值。
補(bǔ)充:第二類屬性是訪問(wèn)器(getter/setter)屬性,它也有四個(gè)特征。 (本文用不到,但可以和第一類屬性放在一起記憶)
- 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的第一類屬性--數(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 類型表示未定義,它的類型只有一個(gè)值,就是 undefined。任何變量在賦值前是 Undefined 類型、值為 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 類型也只有一個(gè)值,就是 null,它的語(yǔ)義表示空值,與 undefined 不同,null 是 JavaScript 關(guān)鍵字,所以在任何代碼中,你都可以放心用 null 關(guān)鍵字來(lái)獲取 null 值。
五、總結(jié)
undefined是window對(duì)象的一個(gè)屬性其類型是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)境是可以被賦值的!
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- 處理JavaScript值為undefined的7個(gè)小技巧
- JavaScript undefined及null區(qū)別實(shí)例解析
- JavaScript中的null和undefined用法解析
- JS在Chrome瀏覽器中showModalDialog函數(shù)返回值為undefined的解決方法
- Javascript類型系統(tǒng)之undefined和null淺析
- javascript類型系統(tǒng)——undefined和null全面了解
- Javascript基礎(chǔ)_簡(jiǎn)單比較undefined和null 值
- JavaScript必知必會(huì)(二) null 和undefined
- 辨析JavaScript中的Undefined類型與null類型
- JavaScript之不可靠的undefined
相關(guān)文章
JavaScript中的普通函數(shù)與構(gòu)造函數(shù)比較
這篇文章主要介紹了JavaScript中的普通函數(shù)與構(gòu)造函數(shù)比較,需要的朋友可以參考下2015-04-04JavaScript異步編程:異步數(shù)據(jù)收集的具體方法
我們先嘗試在不借助任何工具函數(shù)的情況下來(lái)解決這個(gè)問(wèn)題。筆者能想到的最簡(jiǎn)單的方法是:因前一個(gè)readFile的回調(diào)運(yùn)行下一個(gè)readFile,同時(shí)跟蹤記錄迄今已觸發(fā)的回調(diào)次數(shù),并最終顯示輸出。下面是筆者的實(shí)現(xiàn)結(jié)果。2013-08-08微信小程序開(kāi)發(fā)之IOS和Android兼容的問(wèn)題
這篇文章主要介紹了微信小程序開(kāi)發(fā)之IOS和Android兼容的問(wèn)題的相關(guān)資料,希望通過(guò)本文能幫助到大家,需要的朋友可以參考下2017-09-09javascript 函數(shù)限制調(diào)用代碼
javascript 函數(shù)限制調(diào)用代碼,需要的朋友可以參考下。2010-05-05top.location.href 沒(méi)有權(quán)限 解決方法
以前好像沒(méi)有遇到這問(wèn)題,也可能是沒(méi)有在意吧,我的blog內(nèi)容頁(yè)都是有判斷的,規(guī)則是,如果top.location不是內(nèi)容頁(yè)的話就跳到內(nèi)容頁(yè)2008-08-08