Practical Training typeof和instanceof的區別是什麼?有什麼區別?
typeof主要用來判斷基礎資料型別,instanceof則是用來判斷引用資料型別。
typeof是根據資料在儲存單元中的型別標籤來判斷資料的型別,instanceof則是根據函式的prototype屬性值是否存在於物件的原型鏈上來判斷資料的型別。
接下來是上課時的程式碼;註釋是後臺出來的效果 打印出來的結果。
// typeof和instanceof 返回的資料型別 但instanceof 返回的是true/false 不是資料型別 // typeof ==》有時返回的不確定 // instanceof===》測試是否為這個物件 是返回true不是返回false vararr = [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。
參考作者:藏色散人