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

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

它們是什么 undefined

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

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

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

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

undefined是一個全局定義的變量：

    undefined in window  // true

null

空引用或者空對象，下面這些情況都會用到null：

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

通過分配null可以手動的釋放對象，便于垃圾回收

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

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

在條件上下文中，都會被計算成false

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

它們哪兒不同 它們是兩個不同的類型

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

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

參考資料

typeof-null

探索JavaScript中Null和Undefined的深淵

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/95888.html

相關(guān)文章

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

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

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

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

roland_reed 2019-08-22 17:32 評論0 收藏0
【前端工程師手冊】JavaScript之原型

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

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

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

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

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

ThinkSNS 2019-08-23 15:05 評論0 收藏0