本篇文章主要介紹js中typeof與instanceof的差異。
首先大家應該要簡單了解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。
測試:
var a=new Array();if (a 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。
這篇文章是關於js中typeof與instanceof的差異介紹,希望對需要的朋友有一定的幫助!
想要了解更多前端知識點,可以關注PHP中文網JavaScript影片教學,Bootstrap影片教學等等相關教學課程,歡迎大家參考學習!
以上是js中typeof與instanceof分別是什麼?有什麼區別?的詳細內容。更多資訊請關注PHP中文網其他相關文章!