【前端工程師手冊(cè)】null和undefined到底是什么關(guān)系？

_Dreams 發(fā)布于2019-08-22 18:28 / 3328人閱讀

它們是什么 undefined

undefined代表了一個(gè)并不存在的值，很多情況都會(huì)產(chǎn)生undefined，比如：

沒有返回語句的函數(shù)運(yùn)行結(jié)束，就會(huì)返回undefined

訪問數(shù)組中不存在的下標(biāo)和對(duì)象不存在的屬性

void運(yùn)算符會(huì)返回undefined

undefined是一個(gè)全局定義的變量：

    undefined in window  // true

null

空引用或者空對(duì)象，下面這些情況都會(huì)用到null：

試圖獲取一個(gè)不存在的元素返回一個(gè)null值

通過分配null可以手動(dòng)的釋放對(duì)象，便于垃圾回收

它們哪兒相同 undefined和null都不能被設(shè)置屬性或者取屬性

undefined.name  // Uncaught TypeError: Cannot read property "name" of undefined
null.name   // Uncaught TypeError: Cannot read property "name" of null

在條件上下文中，都會(huì)被計(jì)算成false

if(!undefined){
    console.log("show undefined");
}
if(!null) {
    console.log("show null")
}
// show undefined
// show null

它們哪兒不同 它們是兩個(gè)不同的類型

我們都知道JavaScript里面基本類型有：string，number，boolean，null，undefined，所以null和undefined是兩個(gè)完全不同的類型

Object.prototype.toString.call(null)    // [object Null]
Object.prototype.toString.call(undefined)   //  [object Undefined]

typeof操作返回值不同

先看現(xiàn)象：

typeof undefined    // undefined
typeof null     // object

其實(shí)typeof null返回object是一個(gè)遺存的bug，因?yàn)镴avaScript值存在32位的bit中，1-3位是類型標(biāo)識(shí)，而且前三位為000的是object，恰好null表示機(jī)器碼空指針，在大多數(shù)平臺(tái)上為0x00，所以typeof null就會(huì)被誤以為是object，而且這個(gè)bug到現(xiàn)在也沒fix，據(jù)說是因?yàn)闅v史代碼太多所以被委員會(huì)拒絕。

參考資料

typeof-null

探索JavaScript中Null和Undefined的深淵

云服務(wù)器 GPU云服務(wù)器前端到底是什么 oval和xml到底是什么? 前端工程師是什么什么是前端工程師

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/95888.html

相關(guān)文章

【前端工程師手冊(cè)】說清楚JavaScript中的相等性判斷

摘要：如果沒有傳入的話如果是類型，則取否則，取這個(gè)方法大致和一樣，除了以下返回返回參考知乎中和區(qū)別是什么全面解析中的數(shù)據(jù)類型與類型轉(zhuǎn)換規(guī)范有哪些判斷相等性的方法 JavaScript現(xiàn)在提供了三種方法來判斷相等性： ===，三個(gè)等號(hào)即嚴(yán)格相等 ==，兩個(gè)等號(hào)即寬松相等 Object.is()，ES6中用來判斷相等的方法判斷相等性的細(xì)節(jié) ===（嚴(yán)格相等）被比較的兩個(gè)數(shù)不會(huì)進(jìn)行類型轉(zhuǎn)...

crossoverJie 2019-08-23 10:34 評(píng)論0 收藏0
【前端工程師手冊(cè)】JavaScript之this的筆記

摘要：函數(shù)別名是全局對(duì)象的屬性顯式綁定一個(gè)小栗子和第一個(gè)參數(shù)是一個(gè)對(duì)象，它們會(huì)把這個(gè)對(duì)象綁定到，接著在調(diào)用函數(shù)時(shí)指定這個(gè)。今天總結(jié)一下this。誤解熟悉Java或者其他語言的同學(xué)看到this會(huì)想當(dāng)然的認(rèn)為this指向函數(shù)本身，然而在JavaScript中并不是這樣子。 function func(){ console.log(this.index) } func.index ...

roland_reed 2019-08-22 17:32 評(píng)論0 收藏0
【前端工程師手冊(cè)】JavaScript之原型

摘要：又是一個(gè)比較重要的知識(shí)點(diǎn)原型。且和指向了同一個(gè)對(duì)象。可以是使用做什么創(chuàng)建對(duì)象的數(shù)據(jù)共享把一些實(shí)例共享的屬性和方法放在原型上，節(jié)約空間。基于原型鏈的委托繼承這個(gè)原型繼承的關(guān)系可以用圖來表示參考資料深入之從原型到原型鏈強(qiáng)大的原型和原型鏈又是一個(gè)比較重要的知識(shí)點(diǎn)——原型（prototype）。一個(gè)例子 function F() {} var f = new F() F.prototype...

Darkgel 2019-08-22 17:29 評(píng)論0 收藏0
從規(guī)范去看Function.prototype.apply到底是怎么工作的？

摘要：如果是或者，會(huì)將作為值。否則，被調(diào)用的函數(shù)，進(jìn)行轉(zhuǎn)換后，作為值。又怎么操作這個(gè)很神奇。能轉(zhuǎn)換它的參數(shù)為到總共個(gè)整數(shù)中的一個(gè)，這個(gè)函數(shù)遵循以下規(guī)則。不斷加入新方法的規(guī)范也是這個(gè)初衷。 showImg(https://segmentfault.com/img/remote/1460000012563719); 今天看element-react源碼的時(shí)候，又看到了這張似曾相識(shí)卻又異常陌生的老...

tanglijun 2019-08-21 18:22 評(píng)論0 收藏0
JS前端面試總結(jié)

摘要：春招季如何橫掃面試核心考點(diǎn)基礎(chǔ)版前端面試之路二基礎(chǔ)整理的繼承和的繼承有什么區(qū)別的繼承時(shí)通過或構(gòu)造函數(shù)機(jī)制來實(shí)現(xiàn)。作用創(chuàng)建私有變量，減少全局變量，防止變量名污染。異步瀏覽器訪問服務(wù)器請(qǐng)求，用戶正常操作，瀏覽器后端進(jìn)行請(qǐng)求。春招季如何橫掃 Javascript 面試核心考點(diǎn)(基礎(chǔ)版)？前端面試之路二(javaScript基礎(chǔ)整理) ES5的繼承和ES6的繼承有什么區(qū)別 ES5的繼承時(shí)通過...

ThinkSNS 2019-08-23 15:05 評(píng)論0 收藏0