JavaScript中instanceof運算符的使用示例

更新時間：2016年06月08日 18:28:45 作者：Benjamin

這篇文章主要介紹了JavaScript中instanceof運算符的使用示例,instanceof的使用是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下

instanceof運算符可以用來判斷某個構(gòu)造函數(shù)的prototype屬性是否存在另外一個要檢測對象的原型鏈上。

實例一：普遍用法

A instanceof B :檢測B.prototype是否存在于參數(shù)A的原型鏈上.

function Ben() {

}
var ben = new Ben();
console.log(ben instanceof Ben);//true

實例二：繼承中判斷實例是否屬于它的父類

function Ben_parent() {}

function Ben_son() {}

Ben_son.prototype = new Ben_parent();//原型繼承

var ben_son = new Ben_son();

console.log(ben_son instanceof Ben_son);//true

console.log(ben_son instanceof Ben_parent);//true

實例三：表明String對象和Date對象都屬于Object類型

下面的代碼使用了instanceof來證明：String和Date對象同時也屬于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

實例四：演示mycar屬于Car類型的同時又屬于Object類型

下面的代碼創(chuàng)建了一個類型Car，以及該類型的對象實例mycar. instanceof運算符表明了這個mycar對象既屬于Car類型，又屬于Object類型。

function Car(make, model, year) {
 this.make = make;
 this.model = model;
 this.year = year;
}
var mycar = new Car("Honda", "Accord", 1998);
var a = mycar instanceof Car;  // 返回 true
var b = mycar instanceof Object; // 返回 true

您可能感興趣的文章: