DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript技巧 >> Javascript類型系統之undefined和null淺析
Javascript類型系統之undefined和null淺析
編輯:JavaScript技巧     

前面的話

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

歷史原因

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

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

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

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

undefined

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

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

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

typeof(test);//undefined

【出現場景】

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

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

  【3】無返回值的函數的執行結果

  【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的區別

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

JavaScript(ECMAScript標准)裡共有5種基本類型:Undefined, Null, Boolean, Number, String,和一種復雜類型Object。可以看到null和undefined分屬不同的類型,未初始化定義的值用typeof檢測出來是"undefined"(字符串),而null值用typeof檢測出來是"object"(字符串)。

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

alert(null==undefined); // true
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved