最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript中undefined的本質(zhì)解析

 更新時間:2019年07月31日 14:33:24   作者:前端前端前端  
這篇文章主要介紹了javascript中undefined的本質(zhì)解析,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下

一、列出7種數(shù)據(jù)類型(面試可能問)

  • Undefined
  • Null
  • Boolean
  • String
  • Number
  • Symbol
  • Object

二、undefined本質(zhì)

undefined是window對象的一個屬性,其類型是Undefined。

下面解釋javascript中屬性的本質(zhì),因為undefined是一個屬性,了解undefine的本質(zhì)要用到屬性的本質(zhì)。

三、屬性本質(zhì)

對JavaScript來說,屬性并非只是簡單的名稱和值,JavaScript用一組特征(attribute)來描述屬性(property)。

先來說第一類屬性,數(shù)據(jù)屬性。它比較接近于其它語言的屬性概念。數(shù)據(jù)屬性具有四個特征。

  • value:就是屬性的值。
  • writable:決定屬性能否被賦值。
  • enumerable:決定for in能否枚舉該屬性。
  • configurable:決定該屬性能否被刪除或者改變特征值。

補充:第二類屬性是訪問器(getter/setter)屬性,它也有四個特征。 (本文用不到,但可以和第一類屬性放在一起記憶)

  • getter:函數(shù)或undefined,在取屬性值時被調(diào)用。
  • setter:函數(shù)或undefined,在設(shè)置屬性值時被調(diào)用。
  • enumerable:決定for in能否枚舉該屬性。
  • configurable:決定該屬性能否被刪除或者改變特征值。

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

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)

對window對象的undefined施加此函數(shù):

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

以及解釋為什么不能重新用Object.defineProperty函數(shù)定義undefined:因為configurable=false

注:如果我們要想改變屬性的特征,或者定義訪問器屬性,我們可以使用 Object.defineProperty

四、Undefined與Null

一個問題,為什么有的編程規(guī)范要求用void 0代替undefined?現(xiàn)在我們就分別來看一下。

Undefined 類型表示未定義,它的類型只有一個值,就是 undefined。任何變量在賦值前是 Undefined 類型、值為 undefined,一般我們可以用全局變量undefined(就是名為undefined的這個變量)來表達這個值,或者 void 運算來把任一一個表達式變成 undefined 值。

但是呢,因為JavaScript的代碼undefined是一個變量,而并非是一個關(guān)鍵字,這是JavaScript語言公認的設(shè)計失誤之一,所以,為了避免無意中被篡改,建議使用 void 0 來獲取undefined值。

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

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

五、總結(jié)

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

補充:undefined在全局環(huán)境沒法被賦值,在局部環(huán)境是可以被賦值的!

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • js讓彈出新窗口居中顯示的腳本

    js讓彈出新窗口居中顯示的腳本

    我們經(jīng)常需要在新窗口彈出頁面并需要居中顯示
    2008-01-01
  • webpack熱更新的原理及實現(xiàn)

    webpack熱更新的原理及實現(xiàn)

    本文主要介紹了webpack熱更新的原理及實現(xiàn),,無需完全刷新整個頁面的同時,更新代碼變動的模塊,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧
    2024-06-06
  • javascript 判斷當前瀏覽器版本并判斷ie版本

    javascript 判斷當前瀏覽器版本并判斷ie版本

    這篇文章主要介紹了javascript 判斷當前瀏覽器版本并判斷ie版本的相關(guān)資料,需要的朋友可以參考下
    2017-02-02
  • JS簡單生成由字母數(shù)字組合隨機字符串示例

    JS簡單生成由字母數(shù)字組合隨機字符串示例

    這篇文章主要介紹了JS簡單生成由字母數(shù)字組合隨機字符串,結(jié)合實例形式分析了javascript使用Math.random()生成隨機字符串相關(guān)操作技巧,需要的朋友可以參考下
    2018-05-05
  • JavaScript如何輸出楊輝三角

    JavaScript如何輸出楊輝三角

    這篇文章主要介紹了JavaScript如何輸出楊輝三角問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-01-01
  • D3.js中data(), enter() 和 exit()的問題詳解

    D3.js中data(), enter() 和 exit()的問題詳解

    相信大多數(shù)人對D3.js并不陌生。這是一個由紐約時報可視化編輯 Mike Bostock與他斯坦福的教授和同學(xué)合作開發(fā)的數(shù)據(jù)文件處理的JavaScript Library,全稱叫做Data-Driven Documents,在d3.js中data(), enter() 和 exit()比較常見,下面給大家就這方面的知識給大家詳解
    2015-08-08
  • layui的布局和表格的渲染以及動態(tài)生成表格的方法

    layui的布局和表格的渲染以及動態(tài)生成表格的方法

    今天小編就為大家分享一篇layui的布局和表格的渲染以及動態(tài)生成表格的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • javascript學(xué)習之json入門

    javascript學(xué)習之json入門

    本文主要對javascript中的JSON進行詳細介紹。相信對于初學(xué)者具有很好的參考價值,下面就跟著小編一起來看下吧
    2016-12-12
  • 5分鐘打造簡易高效的webpack常用配置

    5分鐘打造簡易高效的webpack常用配置

    這篇文章主要介紹了5分鐘打造簡易高效的webpack配置,詳細的介紹了打包調(diào)試、提取公共代碼、壓縮、熱替換等配置,有興趣的可以了解一下
    2017-07-07
  • JavaScript箭頭函數(shù)中的this詳解

    JavaScript箭頭函數(shù)中的this詳解

    這篇文章主要介紹了JavaScript箭頭函數(shù)中的this詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,,需要的朋友可以參考下
    2019-06-06

最新評論

比如县| 轮台县| 晋宁县| 山阴县| 宁远县| 阿瓦提县| 资源县| 突泉县| 若尔盖县| 怀宁县| 六枝特区| 封开县| 恩平市| 益阳市| 高台县| 柳州市| 海林市| 津南区| 延川县| 洞口县| 临海市| 海丰县| 伊宁县| 新疆| 台山市| 英吉沙县| 朝阳县| 四会市| 资兴市| 银川市| 徐水县| 汤原县| 潍坊市| 镇沅| 哈密市| 综艺| 安西县| 开封县| 闵行区| 海南省| 河南省|