參考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中，函式是一個極容易引起誤解或引發歧義的資料型別，

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