5種基本數據類型:undefined、null、boolean、unmber、string
復雜數據類型:object、
object:array、function、date等
方法一:使用typeof檢測
當需要變量是否是number,string,boolean
,function,undefined,json類型時,可以使用typeof進行判斷;其他變量是判斷不出類型的,包括null。
typeof是區分不出array和json類型的,因為使用typeof這個變量時,array和json類型輸出的都是object
方法二:使用instance檢測
在 JavaScript 中,判斷一個變量的類型嘗嘗會用 typeof 運算符,在使用 typeof 運算符時采用引用類型存儲值會出現一個問題,無論引用的是什么類型的對象,它都返回 “object”。ECMAScript 引入了另一個 Java 運算符 instanceof 來解決這個問題。instanceof 運算符與 typeof 運算符相似,用於識別正在處理的對象的類型。與 typeof 方法不同的是,instanceof 方法要求開發者明確地確認對象為某特定類型
instanceof還能檢測出多層繼承的關系,例如:
function Person(){
}
function Student(){
}
Student.prototype = new Person();
var John = new Student();
console.log(John instanceof Student); // true
console.log(John instancdof Person); // true
方法三:使用constructor檢測
constructor本來是原型對象上的屬性,指向構造函數。但是根據實例對象尋找屬性的順序,若實例對象上沒有實例屬性或方法,就去原型鏈上尋找,因此,實例對象也是能使用constructor屬性的
因為undefined和null沒有constructor屬性,所以不能使用constructor判斷
看下面的例子:
function Person(){
}
function Student(){
}
Student.prototype = new Person();
var John = new Student();
console.log(John.constructor==Student); // false
console.log(John.constructor==Person); // true
在上面的例子中,Student原型中的constructor被修改指向到Person,導致檢測不出實例對象John真實的構造函數
同時,使用instaceof和construcor,被判斷的array必須是在當前頁面聲明的!比如,一個頁面(父頁面)有一個框架,框架中引用了一個頁面(子頁面),在子頁面中聲明了一個array,並將其賦值給父頁面的一個變量,這時判斷該變量,Array == object.constructor;會返回false;
原因:
1、array屬於引用型數據,在傳遞過程中,僅僅是引用地址的傳遞。
2、每個頁面的Array原生對象所引用的地址是不一樣的,在子頁面聲明的array,所對應的構造函數,是子頁面的Array對象;父頁面來進行判斷,使用的Array並不等於子頁面的Array;切記,不然很難跟蹤問題!
方法四:使用Object.prototype.toString.call
Object.prototype.toString.call(變量)輸出的是一個字符串,字符串里有一個數組,第一個參數是Object,第二個參數就是這個變量的類型,而且,所有變量的類型都檢測出來了,我們只需要取出第二個參數即可。或者可以使用Object.prototype.toString.call(arr)=="object Array"來檢測變量arr是不是數組。
方法五:jquery中$.type的實現
jquery中就是用Object.prototype.toString.call實現的,把'[object Boolean]'類型轉成'boolean'類型並返回