欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript類型系統(tǒng)之undefined和null淺析

 更新時間:2016年07月13日 11:11:03   作者:小火柴的藍色理想  
這篇文章主要介紹了Javascript類型系統(tǒng)之undefined和null的知識,通過本文還簡單給大家介紹了javascript中null和undefined的區(qū)別的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

前面的話

  一般的程序語言,表示空的只有null,但javascript的設計者Brendan Eich卻設計了一個undefined,這無疑增加了程序復雜度,但這樣做也是有一定原因的。本文將詳細介紹javascript中的undefined和null

歷史原因

  1995年JavaScript誕生時,最初像Java一樣,只設置了null作為表示”無”的值。根據C語言的傳統(tǒng),null被設計成可以自動轉為0

  但是,JavaScript的設計者Brendan Eich,覺得這樣做還不夠,有兩個原因。首先,null像在Java里一樣,被當成一個對象。但是,JavaScript的值分成原始類型和對象類型兩大類,Brendan Eich覺得表示”無”的值最好不是對象。其次,JavaScript的最初版本沒有包括錯誤處理機制,發(fā)生數據類型不匹配時,往往是自動轉換類型或者默默地失敗。Brendan Eich覺得,如果null自動轉為0,很不容易發(fā)現錯誤

  因此,Brendan Eich又設計了一個undefined。他是這樣區(qū)分的:null是一個表示”無”的對象,轉為數值時為0;undefined是一個表示”無”的原始值,轉為數值時為NaN

  但是,目前null和undefined基本是同義的,都是原始類型,且只有一些細微的差別

undefined

  Undefined類型只有一個值,就是undefined。當聲明的變量未初始化時,該變量的默認值是undefined。所以一般地,undefined表示變量沒有初始化

var test;//undefined
console.log(test == undefined);//true
var test = undefined;//undefined 

  對于尚未聲明過的變量只能執(zhí)行一項操作,使用typeof操作符檢測其數據類型,但嚴格模式下會導致錯誤

typeof(test);//undefined

【出現場景】

  【1】已聲明未賦值的變量

  【2】獲取對象不存在的屬性

  【3】無返回值的函數的執(zhí)行結果

  【4】函數的參數沒有傳入

  【5】void(expression)

var i;
console.log(i);//undefined
var o = {};
console.log(o.p);//undefined
function f(){};
console.log(f());//undefined
function f(x){return x;}
console.log(f());//undefined
console.log(void(0));//undefined 

【類型轉換】

Boolean(undefined):  false
Number(undefined):  NaN
String(undefined):  'undefined' 

null

  Null類型只有一個值,就是null。null是javascript語言的關鍵字,它表示一個特殊值,常用來描述"空值"

  邏輯角度看,null值表示一個空對象指針

  [注意]null是空對象指針,而[]是空數組,{}是空對象,三者不相同

console.log(typeof null);//'object' 

  盡管null和undefined是不同的,但它們都表示"值的空缺",null表示"空值",undefined表示"未定義"。兩者往往可以互換。判斷相等運算符==認為兩者是相等的

console.log(null == undefined);//true 

  實際上,因為undefined和null不是構造器類型,所以它們沒有任何的屬性和方法,使用.和[]來存取這兩個值的成員或方法都會產生一個類型錯誤

【類型轉換】

Boolean(null):   false
Number(null):   0
String(null):    'null'

下面給大家介紹javascript中null和undefined的區(qū)別

undefined表示變量聲明但未初始化時的值,null表示準備用來保存對象,還沒有真正保存對象的值。從邏輯角度看,null值表示一個空對象指針。

JavaScript(ECMAScript標準)里共有5種基本類型:Undefined, Null, Boolean, Number, String,和一種復雜類型Object??梢钥吹絥ull和undefined分屬不同的類型,未初始化定義的值用typeof檢測出來是"undefined"(字符串),而null值用typeof檢測出來是"object"(字符串)。

任何時候都不建議顯式的設置一個變量為undefined,但是如果保存對象的變量還沒有真正保存對象,應該設置成null。
實際上,undefined值是派生自null值的,ECMAScript標準規(guī)定對二者進行相等性測試要返回true,即

alert(null==undefined); // true

相關文章

  • 微信小程序網絡請求模塊封裝的具體實現

    微信小程序網絡請求模塊封裝的具體實現

    大家做小程序項目的時候肯定會遇到數據對接需求,下面這篇文章主要給大家介紹了關于微信小程序網絡請求模塊封裝的具體實現,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-03-03
  • JavaScript簡單獲取系統(tǒng)當前時間完整示例

    JavaScript簡單獲取系統(tǒng)當前時間完整示例

    這篇文章主要介紹了JavaScript簡單獲取系統(tǒng)當前時間的方法,涉及javascript針對日期與時間的判斷以及字符串組合的相關技巧,需要的朋友可以參考下
    2016-08-08
  • JS數組返回去重后數據的方法解析

    JS數組返回去重后數據的方法解析

    本文主要分享了Js數組返回去重后的數據的實例代碼。具有一定的參考價值,下面跟著小編一起來看下吧
    2017-01-01
  • 使用JavaScript實現一個小程序之99乘法表

    使用JavaScript實現一個小程序之99乘法表

    這篇文章主要介紹了使用JavaScript實現一個小程序之99乘法表的相關資料,需要的朋友可以參考下
    2017-09-09
  • 使用layer彈窗提交表單時判斷表單是否輸入為空的例子

    使用layer彈窗提交表單時判斷表單是否輸入為空的例子

    今天小編就為大家分享一篇使用layer彈窗提交表單時判斷表單是否輸入為空的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • layui實現table加載的示例代碼

    layui實現table加載的示例代碼

    今天小編就為大家分享一篇layui實現table加載的示例代碼,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • ES6 Promise.race的用法詳解

    ES6 Promise.race的用法詳解

    本文主要介紹了ES6 Promise.race的用法詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-09-09
  • JavaScript模擬實現"雙11"限時秒殺效果

    JavaScript模擬實現"雙11"限時秒殺效果

    每年的“雙11”啊,都是大家的剁手節(jié)。大家都在晚上12點,捧著手機看著倒計時,在他倒數到0的時候瘋狂點擊下單??墒悄阌袥]想過限時秒殺是怎么實現的呢?本文將為你揭秘如何用JavaScript實現限時秒殺,快來了解一下吧
    2022-03-03
  • 動態(tài)加載js、css的實例代碼

    動態(tài)加載js、css的實例代碼

    這篇文章主要介紹了動態(tài)加載js、css的實例代碼的相關資料,非常不錯具有參考借鑒價值,感興趣的朋友一起看看吧
    2016-05-05
  • 萊鳥介紹window.print()方法

    萊鳥介紹window.print()方法

    這篇文章主要介紹了萊鳥介紹window.print()方法的相關資料,需要的朋友可以參考下
    2016-01-01

最新評論