首頁 > web前端 > js教程 > js中typeof與instanceof分別是什麼?有什麼區別?

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

藏色散人
發布: 2018-10-13 16:35:06
原創
6763 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板