运算符

左手边(LHS)操作数是被测试到右手边(RHS)操作数的实际对象，右手边(RHS)操作数是类的实际构造函数。基本定义是:

检查当前对象，如果对象是指定的对象类型，则返回true。

这里有一些很好的例子，这里有一个直接取自Mozilla开发者网站的例子:

var color1 = new String("green");
color1 instanceof String; // returns true
var color2 = "coral"; //no type specified
color2 instanceof String; // returns false (color2 is not a String object)

值得一提的是，如果对象继承了类的原型，instanceof的值为true:

var p = new Person("Jon");
p instanceof Person

即p instanceof Person为真，因为p继承自Person.prototype。

根据指挥官的要求

I've added a small example with some sample code and an explanation.

当你声明一个变量时，你给它一个特定的类型。

例如:

int i;
float f;
Customer c;

上面显示了一些变量，即i, f和c。类型是整数，浮点数和用户定义的客户数据类型。像上面这样的类型可以适用于任何语言，而不仅仅是JavaScript。然而，在JavaScript中，当你声明一个变量时，你不会显式地定义一个类型，var x, x可以是一个数字/字符串/用户定义的数据类型。instanceof所做的是检查对象是否为指定的类型，因此从上面获取Customer对象，我们可以这样做:

var c = new Customer();
c instanceof Customer; //Returns true as c is just a customer
c instanceof String; //Returns false as c is not a string, it's a customer silly!

上面我们已经看到c是用Customer类型声明的。我们已经更新了，并检查了是否为客户类型。当然，它返回true。然后仍然使用Customer对象检查它是否是String对象。不，肯定不是String我们新建了Customer对象，不是String对象。在这种情况下，它返回false。

真的就是这么简单!

是什么?

Javascript是一种原型语言，这意味着它使用原型进行“继承”。instanceof操作符测试构造函数的prototype属性类型是否存在于对象的__proto__链中。这意味着它将执行以下操作(假设testObj是一个函数对象):

obj instanceof testObj;

Check if prototype of the object is equal to the prototype of the constructor: obj.__proto__ === testObj.prototype >> if this is true instanceof will return true. Will climb up the prototype chain. For example: obj.__proto__.__proto__ === testObj.prototype >> if this is true instanceof will return true. Will repeat step 2 until the full prototype of object is inspected. If nowhere on the prototype chain of the object is matched with testObj.prototype then instanceof operator will return false.

例子:

人(名){ This.name = name; ｝ var me =新人(“威廉”); console.log(me instanceof Person);/ /正确的 //因为:我。__proto__ === Person。Prototype //计算结果为true console.log(me instanceof Object);/ /正确的 // because: me.__proto__。__proto__ ===对象。Prototype //计算结果为true console.log(me instanceof Array);/ /错误 数组不在原型链上

它能解决什么问题?

它解决了方便地检查对象是否来自某个原型的问题。例如，当一个函数接收到一个可以有各种原型的对象时。然后，在使用原型链中的方法之前，我们可以使用instanceof操作符来检查这些方法是否在对象上。

例子:

function Person1 (name) { this.name = name; } function Person2 (name) { this.name = name; } Person1.prototype.talkP1 = function () { console.log('Person 1 talking'); } Person2.prototype.talkP2 = function () { console.log('Person 2 talking'); } function talk (person) { if (person instanceof Person1) { person.talkP1(); } if (person instanceof Person2) { person.talkP2(); } } const pers1 = new Person1 ('p1'); const pers2 = new Person2 ('p2'); talk(pers1); talk(pers2);

在talk()函数中，首先检查原型是否位于对象上。在此之后，选择适当的方法来执行。不进行此检查可能导致执行一个不存在的方法，从而导致引用错误。

什么时候合适，什么时候不合适?

我们已经讲过了。当您需要在对对象进行操作之前检查对象的原型时，可以使用它。

我认为值得注意的是，instanceof是在声明对象时使用“new”关键字定义的。在JonH的例子中;

var color1 = new String("green");
color1 instanceof String; // returns true
var color2 = "coral";
color2 instanceof String; // returns false (color2 is not a String object)

他没有提到的是;

var color1 = String("green");
color1 instanceof String; // returns false

指定"new"实际上是将String构造函数的结束状态复制到color1变量中，而不仅仅是将其设置为返回值。我认为这更好地展示了new关键字的功能;

function Test(name){
    this.test = function(){
        return 'This will only work through the "new" keyword.';
    }
    return name;
}

var test = new Test('test');
test.test(); // returns 'This will only work through the "new" keyword.'
test // returns the instance object of the Test() function.

var test = Test('test');
test.test(); // throws TypeError: Object #<Test> has no method 'test'
test // returns 'test'

使用"new"将函数内的"this"值赋给已声明的var，而不使用它则赋给返回值。

我刚刚发现了一个真实的应用程序，我想现在会更经常地使用它。

如果你使用jQuery事件，有时你想写一个更通用的函数，也可以直接调用(没有事件)。您可以使用instanceof来检查函数的第一个参数是否是jQuery实例。事件并做出适当的反应。

var myFunction = function (el) {                
    if (el instanceof $.Event) 
        // event specific code
    else
        // generic code
};

$('button').click(recalc);    // Will execute event specific code
recalc('myParameter');  // Will execute generic code

在我的例子中，函数需要为所有(通过按钮上的单击事件)或仅为一个特定元素计算一些东西。我使用的代码:

var recalc = function (el) { 
    el = (el == undefined || el instanceof $.Event) ? $('span.allItems') : $(el);
    // calculate...
};

@SebastianSimon我最后的答案是8岁(那时我跛了)，有可能我写了一些牛逼的东西:)

简单地说——目前我使用instanceof的唯一情况是当我使用类实例时，行为取决于我将接收的类，例如。我想区分404是否为ErrorA(资源不存在)或ErrorB(服务未找到)-库响应代码令人困惑，但我的运气是使用不同的错误类抛出。

当然(目前)我不会用它来检查反映原语的类型——你不能确定库是否返回'msg'或new String('msg')。

它们都有属于String类的方法，因为'msg'原语在内部包装成字符串对象。内部是指通过解释器。它们都是字符串，但instanceof操作符似乎在这里是不够的-检查某事物是否是原始或类，我会使用typeof && instanceof的混合-但仅用于从外部JS库返回的东西。

目前TypeScript正在解决这个问题，你不再需要使用typeof和instanceof这样繁琐的检查。

//Vehicle is a function. But by naming conventions
//(first letter is uppercase), it is also an object
//constructor function ("class").
function Vehicle(numWheels) {
    this.numWheels = numWheels;
}

//We can create new instances and check their types.
myRoadster = new Vehicle(4);
alert(myRoadster instanceof Vehicle);