js中typeof的用法詳解

參考1：js中typeof的用法詳解

參考2：ES6-數據類型

 

這篇文章主要是對js中typeof的用法進行了詳細的匯總介紹，需要的朋友可以過來參考下，希望對大家有所幫助

JavaScript中的typeof其實非常復雜,它可以用來做很多事情,但同時也有很多怪異的表現.本文列舉出了它的多個用法,而且還指出了存在的問題以及解決辦法.

先來了解一下js中typeof的用法：

typeof運算符介紹：typeof 是一個一元運算，放在一個運算數之前，運算數可以是任意類型。它返回值是一個字符串，該字符串說明運算數的類型。

你 知道下面typeof運算的結果嗎？

typeof(1);
typeof(NaN);
typeof(Number.MIN_VALUE);
typeof(Infinity);
typeof("123");
typeof(true);
typeof(window);
typeof(document);
typeof(null);
typeof(eval);
typeof(Date);
typeof(sss);
typeof(undefined);

我們來試試看看結果：

alert(typeof(1));    　　　　　 // number
alert(typeof(NaN));　　　　　　　　// number
alert(typeof(Number.MIN_VALUE));  // number
alert(typeof(Infinity));      // number 
alert(typeof("123"));　　　　　　　// string
alert(typeof(true));　　　　　　　 // boolean
alert(typeof(window));　　　　　　 // object
alert(typeof(document));　　　　　 // object
alert(typeof(null));　　　　　　　 // object
alert(typeof(eval));　　　　　　　 // function
alert(typeof(Date));　　　　　　　 // function
alert(typeof(sss));　　　　　　　　// undefined
alert(typeof(undefined));　　　　　// undefined

如果看了以后，不是很明白的話，請看下面（明白的人就不用往下看了）：

typeof是一個一元運算符，它返回的結果 始終是一個字符串，對不同的操作數，它返回不同的結果。

具體的規則如下：

一、

對於數字類型的操作數而言， typeof 返回的值是 number。

比如說：typeof(1)，返回的值就是number。

上面是舉的常規數字，對於非常規的數字類型而言，其結果返回的也是number。

比如typeof(NaN)，NaN在JavaScript中代表的是特殊非數字值，雖然它本身是一個數字類型。

在JavaScript中，特殊的數字類型還有幾種：

Infinity 表示無窮大特殊值
NaN　　　　　　　　　　　　特殊的非數字值
Number.MAX_VALUE　　　　　可表示的最大數字
Number.MIN_VALUE　　　　　可表示的最小數字（與零最接近）
Number.NaN　　　　　 　　　特殊的非數字值
Number.POSITIVE_INFINITY　表示正無窮大的特殊值
Number.NEGATIVE_INFINITY 表 示負無窮大的特殊值

以上特殊類型，在用typeof進行運算進，其結果都將是number。

二、對於字符串類型， typeof 返回的值是 string。比如typeof("123")返回的值是string。
三、對於布爾類型， typeof 返回的值是 boolean 。比如typeof(true)返回的值是boolean。
四、對於對象、數組、null 返回的值是 object 。比如typeof(window)，typeof(document)，typeof(null)返回的值都是object。
五、 對於函數類型，返回的值是 function。比如：typeof(eval)，typeof(Date)返回的值都是function。
六、如 果運算數是沒有定義的（比如說不存在的變量、函數或者undefined），將返回undefined。比如：typeof(sss)、typeof(undefined)都返回undefined。

看完了六條規則，再回頭看一下，是不是很簡單了……

JavaScript數據類型是非常簡潔的，它只定義了6中基本數據類型

• null：空、無。表示不存在，當為對象的屬性賦值為null，表示刪除該屬性
• undefined：未定義。當聲明變量卻沒有賦值時會顯示該值。可以為變量賦值為undefined
• number：數值。最原始的數據類型，表達式計算的載體
• string：字符串。最抽象的數據類型，信息傳播的載體
• boolean：布爾值。最機械的數據類型，邏輯運算的載體
• object：對象。面向對象的基礎

看看下面的代碼：

#當彈出一個變量時：
1.
var aa;
alert(aa);  //變量定義，彈出undefined

2.
alert(aa);        //變量未定義,undefined , 未定義的變量也是undefined

#當判斷一個變量是否存在時：

3.
var str;
if( str == undefined )    //變量定義，可以這樣判斷

4.
if（ str == undefined )     //變量未定義,報錯ReferenceError: str is not defined

所以，當判斷一個變量是否不存在時，用 if( typeof str == undefined )

alert(typeof 1);                // 返回字符串"number"  
alert(typeof "1");              // 返回字符串"string"  
alert(typeof true);             // 返回字符串"boolean"  
alert(typeof {});               // 返回字符串"object"  
alert(typeof []);               // 返回字符串"object "  
alert(typeof function(){});     // 返回字符串"function"  
alert(typeof null);             // 返回字符串"object"  
alert(typeof undefined);        // 返回字符串"undefined"

你會發現：JavaScript解釋器認為null是屬於object數據類型的一種特殊形式，而function(){}是function類型，

也就是說函數也是一種基本數據類型，而不是對象的一種特殊形式。

實際上，在JavaScript中，函數是一個極容易引起誤解或引發歧義的數據類型，

它可以是獨立的函數類型，又可以作為對象的方法，也可以被稱為類或構造器，還可以作為函數對象而存在等