1. 程式人生 > 其它 >Practical Training typeof和instanceof的區別是什麼?有什麼區別?

Practical Training typeof和instanceof的區別是什麼?有什麼區別?

typeof主要用來判斷基礎資料型別,instanceof則是用來判斷引用資料型別。

typeof是根據資料在儲存單元中的型別標籤來判斷資料的型別,instanceof則是根據函式的prototype屬性值是否存在於物件的原型鏈上來判斷資料的型別。

接下來是上課時的程式碼;註釋是後臺出來的效果 打印出來的結果。

// typeof和instanceof 返回的資料型別 但instanceof 返回的是true/false 不是資料型別
        // typeof ==》有時返回的不確定
        //  instanceof===》測試是否為這個物件 是返回true不是返回false
        var
arr = [1,2,3,4,5]; // console.log(typeof arr); // object // console.log(typeof {}); // object // console.log(arr instanceof Array); // true // console.log({} instanceof Object); // true

接下來的是網上的搜尋資料:

typeof是什麼?

typeof 是一個一元運算,放在一個運算數之前,運算數可以是任意型別。它返回值是一個字串,該字串說明運算數的型別。typeof 可以用來檢測給定變數的資料型別。

instanceof是什麼?



instanceof運算子用來判斷一個建構函式的prototype屬性所指向的物件是否存在另外一個要檢測物件的原型鏈上。通常來講,使用 instanceof 就是判斷一個例項是否屬於某種型別。

js中typeof與instanceof的相同點:

JavaScript 中 typeof 和 instanceof 常用來判斷一個變數是否為空,或者是什麼型別的。

不同處:

一、typeof的定義和用法:

返回值是一個字串,用來說明變數的資料型別。

具體用法細節:

1、typeof 一般只能返回如下幾個結果:

'undefined' :這個值未定義。

'boolean':這個值是布林值。

'string' :這個值是字串。

'number' :這個值是數值。

'object':這個值是物件或null。

'function' :這個值是函式。
2、typeof 來獲取一個變數是否存在,如

if(typeof a!="undefined"){alert("ok")}

而不要去使用 if(a) 因為如果 a 不存在(未宣告)則會出錯。

3、對於 Array,Null 等特殊物件使用 typeof 一律返回 object,這正是 typeof 的侷限性。

二、Instanceof定義和用法:

Instanceof定義和用法:instanceof 用於判斷一個變數是否屬於某個物件的例項。也可以用來判斷某個建構函式的prototype屬性是否存在另外一個要檢測物件的原型鏈上。

示例:

a instanceof b?alert("true"):alert("false"); //a是b的例項?真:假



var a=new Array();alert(a instanceof Array);

會返回true,同時

alert(a instanceof Object)

也會返回true;

這是因為Array是object 的子類。

再如:

function test(){};var a=new test();alert(a instanceof test)

會返回object。

測試:

if (window instanceof Object) alert('Y');else alert('N');

得'Y',而

if (window instanceof Object) alert('Y');else alert('N');

得'N'。

所以,這裡的 instanceof 測試的 object 是指 js 語法中的 object,不是指 dom 模型物件。

使用 typeof 會有些區別:

alert(typeof(window))

會得 object。

參考作者:藏色散人