1. 程式人生 > >判斷對象類型 typeof instanceof Object.prototype.tostring()

判斷對象類型 typeof instanceof Object.prototype.tostring()

方案 strong window 兩種方法 fun ram 常用 返回結果 isa

常見的有三種方法 1, typeof 2, instance of 3, object.prototype.toString.apply();

1,typeof typeof 運算符 typeof 是一元運算符,返回結果是一個說明運算數類型的字符串。如:"number","string","boolean","object","function","undefined"(可用於判斷變量是否存在)。 但 typeof 的能力有限,其對於Date、RegExp類型返回的都是"object"。如:

typeof {}; // "object"
typeof []; // "object"
typeof
new Date(); // "object"

2,instanceof instanceof 運算符。 instanceof 運算符要求其左邊的運算數是一個對象,右邊的運算數是對象類的名字或構造函數。如果 object 是 class 或構造函數的實例,則 instanceof 運算符返回 true。如果 object 不是指定類或函數的實例,或者 object 為 null,則返回 false。如

[] instanceof Array; // true
[] instanceof Object; // true
[] instanceof RegExp; // false
new Date instanceof
Date; // true

3,constructor constructor 屬性。 JavaScript中,每個對象都有一個constructor屬性,它引用了初始化該對象的構造函數,常用於判斷未知對象的類型。如給定一個求知的值 通過typeof運算符來判斷它是原始的值還是對象。如果是對象,就可以使用constructor屬性來判斷其類型。所以判斷數組的函數也可以這樣寫:

function isArray(arr){
    return typeof arr == "object" && arr.constructor == Array;
}

很多情況下,我們可以使用instanceof運算符或對象的constructor屬性來檢測對象是否為數組。例如很多JavaScript框架就是使用這兩種方法來判斷對象是否為數組類型。 但是檢測在跨框架(cross-frame)頁面中的數組時,會失敗。原因就是在不同框架(iframe)中創建的數組不會相互共享其prototype屬性。例如:

<script>
window.onload=function(){
var iframe_arr=new window.frames[0].Array;
alert(iframe_arr instanceof Array); // false
alert(iframe_arr.constructor == Array); // false
}
</script>

4,完美解決方案 Object.prototype.toString()

Object.prototype.toString.call([]); // 返回 "[object Array]"
Object.prototype.toString.call(/reg/ig); // 返回 "[object RegExp]"

判斷對象類型 typeof instanceof Object.prototype.tostring()