js中typeof與instanceof分別是什麼？有什麼區別？

本篇文章主要介紹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中文網其他相關文章！