JavaScript中typeof與instanceof之間的區(qū)別是什么

小編給大家分享一下JavaScript中typeof與instanceof之間的區(qū)別是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

                                                           本篇文章給大家?guī)淼膬?nèi)容是關(guān)于JavaScript中typeof與instanceof之間的區(qū)別介紹（代碼示例），有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對你有所幫助。

JavaScript 中typeof 和 instanceof 常用來判斷一個(gè)變量是否為空，或者是什么類型的。但它們之間還是有區(qū)別的：

typeof

typeof 是一個(gè)一元運(yùn)算，放在一個(gè)運(yùn)算數(shù)之前，運(yùn)算數(shù)可以是任意類型。

它返回值是一個(gè)字符串，該字符串說明運(yùn)算數(shù)的類型。（typeof 運(yùn)算符返回一個(gè)用來表示表達(dá)式的數(shù)據(jù)類型的字符串。 ）

typeof其實(shí)就是判斷參數(shù)是什么類型的實(shí)例，就一個(gè)參數(shù)

typeof 一般只能返回如下幾個(gè)結(jié)果："number"、"string"、"boolean"、"object"、"function" 和 "undefined"。

運(yùn)算數(shù)為數(shù)字 typeof(x) = "number"

字符串 typeof(x) = "string"

布爾值 typeof(x) = "boolean"

對象,數(shù)組和null typeof(x) = "object"

函數(shù) typeof(x) = "function"

console.log(typeof (123));//typeof(123)返回"number" 
console.log(typeof ("123"));//typeof("123")返回"string"
var param1 = "string";
var param2 = new Object();
var param3 = 10;
console.log(typeof(param1)+"\n"+typeof(param2)+"\n"+typeof(param3)); 
　　　　　//　string object  number

我們可以使用 typeof 來獲取一個(gè)變量是否存在，如 if(typeof a!="undefined"){alert("ok")}，而不要去使用 if(a) 因?yàn)槿绻?a 不存在（未聲明）則會出錯(cuò)，對于 Array,Null 等特殊對象使用 typeof 一律返回 object，這正是 typeof 的局限性。

經(jīng)常會在js里用到數(shù)組,比如 多個(gè)名字相同的input, 若是動態(tài)生成的, 提交時(shí)就需要判斷其是否是數(shù)組.

    if(document.mylist.length != "undefined" ) {} //這個(gè)用法有誤.
    正確的是 `if( typeof(document.mylist.length) != "undefined" ) {}` 

     或 `if( !isNaN(document.mylist.length) ) {}`

typeof的運(yùn)算數(shù)未定義,返回的就是 "undefined".

在 JavaScript 中，判斷一個(gè)變量的類型嘗嘗會用 typeof 運(yùn)算符，在使用 typeof 運(yùn)算符時(shí)采用引用類型存儲值會出現(xiàn)一個(gè)問題，無論引用的是什么類型的對象，它都返回 “object”。這就需要用到instanceof來檢測某個(gè)對象是不是另一個(gè)對象的實(shí)例。

instanceof

instanceof 運(yùn)算符用來測試一個(gè)對象在其原型鏈中是否存在一個(gè)構(gòu)造函數(shù)的 prototype 屬性。

語法：object instanceof constructor
參數(shù)：object（要檢測的對象.）constructor（某個(gè)構(gòu)造函數(shù)）
描述：instanceof 運(yùn)算符用來檢測 constructor.prototype 是否存在于參數(shù) object 的原型鏈上。

instance：實(shí)例,例子

a instanceof b?alert("true"):alert("false");   //a是b的實(shí)例？真:假

instanceof 用于判斷一個(gè)變量是否某個(gè)對象的實(shí)例，

如 :var a=new Array();

alert(a instanceof Array); // true，

同時(shí) alert(a instanceof Object) //也會返回 true;

這是因?yàn)?Array 是 object 的子類。



再如：function test(){};

var a=new test();

alert(a instanceof test) 會返回true

alert(a==b);  //flase

案例：

另外，更重的一點(diǎn)是 `instanceof` 可以在繼承關(guān)系中用來判斷一個(gè)實(shí)例是否屬于它的父類型。

例如：

function Foo(){} 
Foo.prototype = new Aoo();//JavaScript 原型繼承 
var foo = new Foo(); 
console.log(foo instanceof Foo)//true 
console.log(foo instanceof Aoo)//true

上面的代碼中是判斷了一層繼承關(guān)系中的父類，在多層繼承關(guān)系中，instanceof 運(yùn)算符同樣適用。


又如：

console.log(Object instanceof Object);//true 
console.log(Function instanceof Function);//true 
console.log(Number instanceof Number);//false 
console.log(String instanceof String);//false  
console.log(Function instanceof Object);//true  
console.log(Foo instanceof Function);//true 
console.log(Foo instanceof Foo);//false

// 定義構(gòu)造函數(shù)
function C(){} 
function D(){} 

var o = new C();

// true，因?yàn)?Object.getPrototypeOf(o) === C.prototype
o instanceof C; 

// false，因?yàn)?D.prototype不在o的原型鏈上
o instanceof D; 

o instanceof Object; // true,因?yàn)镺bject.prototype.isPrototypeOf(o)返回true
C.prototype instanceof Object // true,同上

C.prototype = {};
var o2 = new C();

o2 instanceof C; // true

o instanceof C; // false,C.prototype指向了一個(gè)空對象,這個(gè)空對象不在o的原型鏈上.

D.prototype = new C(); // 繼承
var o3 = new D();
o3 instanceof D; // true
o3 instanceof C; // true

談到 instanceof 我們要多插入一個(gè)問題，就是 function 的 arguments，我們大家也許都認(rèn)為 arguments 是一個(gè) Array，但如果使用 instaceof 去測試會發(fā)現(xiàn) arguments 不是一個(gè) Array 對象，盡管看起來很像。

另外：

測試 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 會有些區(qū)別

alert(typeof(window)) 會得 object

需要注意的是，如果表達(dá)式 obj instanceof Foo 返回true，則并不意味著該表達(dá)式會永遠(yuǎn)返回ture，因?yàn)镕oo.prototype屬性的值有可能會改變，改變之后的值很有可能不存在于obj的原型鏈上，這時(shí)原表達(dá)式的值就會成為false。另外一種情況下，原表達(dá)式的值也會改變，就是改變對象obj的原型鏈的情況，雖然在目前的ES規(guī)范中，我們只能讀取對象的原型而不能改變它，但借助于非標(biāo)準(zhǔn)的__proto__魔法屬性，是可以實(shí)現(xiàn)的。比如執(zhí)行obj.__proto__ = {}之后，obj instanceof Foo就會返回false了。

例子: 表明String對象和Date對象都屬于Object類型
下面的代碼使用了instanceof來證明：String和Date對象同時(shí)也屬于Object類型。

例子: 表明String對象和Date對象都屬于Object類型

下面的代碼使用了instanceof來證明：String和Date對象同時(shí)也屬于Object類型。
var simpleStr = "This is a simple string"; 
var myString  = new String();
var newStr    = new String("String created with constructor");
var myDate    = new Date();
var myObj     = {};

simpleStr instanceof String; // returns false, 檢查原型鏈會找到 undefined
myString  instanceof String; // returns true
newStr    instanceof String; // returns true
myString  instanceof Object; // returns true

myObj instanceof Object;    // returns true, despite an undefined prototype
({})  instanceof Object;    // returns true, 同上

myString instanceof Date;   // returns false

myDate instanceof Date;     // returns true
myDate instanceof Object;   // returns true
myDate instanceof String;   // returns false

看完了這篇文章，相信你對JavaScript中typeof與instanceof之間的區(qū)別是什么有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！