Javascript 中的false、0、null、undefined和空字符串對象

在Javascript中,我們經(jīng)常會接觸到題目中提到的這5個比較特別的對象——false、0、空字符串、null和undefined。這幾個對象很容易用錯,因此在使用時必須得小心。

類型檢測
我們下來看看他們的類型分別是什么:

<script type="text/javascript">
alert(typeof(false) === 'boolean');
alert(typeof(0) === 'number');
alert(typeof("") === 'string');
alert(typeof(null) === 'object');
alert(typeof undefined === 'undefined');
</script>

運行上述代碼,彈出的對話框應(yīng)該顯示的都是true。也就是說,false是布爾類型對象,0是數(shù)字類型對象,空字符串是字符串類型對象,null是object對象,undefined類型還是undefined。

互等性
當(dāng)你用==操作符將false對象和其他對象進(jìn)行比較的時候,你會發(fā)現(xiàn),只有0和空字符串等于false;undefined和null對象并不等于false對象,而null和undefined是相等的

<script type="text/javascript">
alert(false == undefined);
alert(false == null);
alert(false == 0);
alert(false == "");
alert(null == undefined);
</script>

我們可以把0、空字符串和false歸為一類,稱為“假值”;把null和undefined歸為一類,稱為“空值”。假值還算一個有效的對象,因此可以對其使用toString等類型相關(guān)的方法,而空值則不行。下面的代碼將會拋出異常:

<script type="text/javascript">
alert(false.toString()); // "false"
alert("".charAt(0)); // ""
alert((0).toExponential(10)); // 0.0000000e+0
alert(undefined.toString()); // throw exception "undefined has no properties"
alert(null.toString()); // "null has no properties"
</script>

字符串表示
雖然空值不能調(diào)用toString方法,但是卻可以使用String構(gòu)造函數(shù)進(jìn)行構(gòu)造。像decodeURI這樣的函數(shù),如果傳入的是undefined或者null,返回的是“undefined”和“null”字符串。這點很容易用錯。

<script type="text/javascript">
alert(String(false)); // "false"
alert(String("")); // ""
alert(String(0)); // 0.0000000e+0
alert(String(undefined)); // "undefined"
alert(String(null)); // "null"

alert(decodeURI(undefined));// "undefined"
alert(decodeURI(null));// "null"

</script>

假值和空值作為if條件分支
假值和空值有一個共性,那就是在作為if的條件分支時,均被視為false;應(yīng)用“!”操作之后得到的均為true。如下示例代碼:

<script type="text/javascript">
var ar = [undefined,false,0,"",null];
for(var i = 0,len = ar.length; i < len; i++){
if(ar[i]){
alert("你不應(yīng)該看到此對話框!");
}
}
</script>

這是因為,這幾個對象均被視為各自類型中的無效值或空值。因此if分支中這些對象均被視為false對待。

null和undefined的區(qū)別
這兩個空值的區(qū)別也是容易混淆的。

undefined和null對象無非是兩個特殊對象,undefined表示無效對象,null表示空對象。如果變量顯式或者隱式(由Javascript引擎進(jìn)行賦值)地被賦予了undefined,那么代表了此變量未被定義,如果被賦予null值,則代表此變量被初始化為空值。

在Javascript中,變量是通過var聲明,=賦值符進(jìn)行定義(初始化變量所指向的對象)。當(dāng)然,如果聲明一個全局變量(作為window屬性)可以不使用var關(guān)鍵字。變量可以在聲明的同時進(jìn)行定義。

<script type="text/javascript">
var undefinedVariable,nullVariable = null;
alert(undefinedVariable); // "undefined"
alert(window.undefinedVariable); // "undefined"
alert(window.abcd); // "undefined"
alert(nullVariable); // "null"
alert(abcd); // throw exception "abcd is not defined"
</script>

其實,變量如果聲明了但是沒有初始化,那么Javascript引擎會將此變量自動指向undefined對象。

這里需要注意,我們在上面引用window.abcd時,彈出的是undefined;而直接引用abcd變量時,卻拋出了一個異常。這是由于Javascript引擎對于沒有顯式指定對象鏈的變量,會嘗試從最近的作用域開始查找變量,查找失敗,則退到父級作用鏈進(jìn)行查找。如果均查找失敗,則拋出“變量未定義”的異常。

這兩個值在進(jìn)行數(shù)字運算的時候也有不同。
<script type="text/javascript">
alert(1+undefined); // "NaN"
alert(1+null); // "1"
</script>
從null和undefined的意義上來說,這是很好理解的。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一章: JS簡介 從當(dāng)初簡單的語言,變成了現(xiàn)在能夠處理復(fù)雜計算和交互,擁有閉包、匿名函數(shù), 甚至元編程等...
    LaBaby_閱讀 1,761評論 0 6
  • 前端07班 王語句JavaScript程序的執(zhí)行單位為行(line),也就是一行一行地執(zhí)行。一般情況下,每一行就是...
    ea203453e188閱讀 988評論 0 4
  • 1. Java基礎(chǔ)部分 基礎(chǔ)部分的順序:基本語法,類相關(guān)的語法,內(nèi)部類的語法,繼承相關(guān)的語法,異常的語法,線程的語...
    子非魚_t_閱讀 34,696評論 18 399
  • 第三章 基本概念 3.1 語法 ECMAScript標(biāo)識符一般采用駝峰大小寫格式,也就是第一個字母小寫,剩下的每個...
    小雄子閱讀 666評論 0 1
  • 似真似夢的故事 深深困擾著思考 擁有靈力的人群 流淌著白色的血液 愛與恨已釋為一條定義 偉大的愛,不懂的人不能接受...
    李譯閱讀 341評論 0 2

友情鏈接更多精彩內(nèi)容