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

_Dreams 發布于2019-08-22 18:28 / 3318人閱讀

它們是什么 undefined

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

沒有返回語句的函數運行結束，就會返回undefined

訪問數組中不存在的下標和對象不存在的屬性

void運算符會返回undefined

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

    undefined in window  // true

null

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

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

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

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

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操作返回值不同

先看現象：

typeof undefined    // undefined
typeof null     // object

其實typeof null返回object是一個遺存的bug，因為JavaScript值存在32位的bit中，1-3位是類型標識，而且前三位為000的是object，恰好null表示機器碼空指針，在大多數平臺上為0x00，所以typeof null就會被誤以為是object，而且這個bug到現在也沒fix，據說是因為歷史代碼太多所以被委員會拒絕。

參考資料

typeof-null

探索JavaScript中Null和Undefined的深淵

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95888.html

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

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

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

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

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

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

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

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

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

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

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