Verwirrend „instanceof“ Ergebnis

Question

function Foo() {} 

    function Bar() {} 

    Bar.prototype = new Foo() 

    console.log("Bar.prototype.constructor === Foo ? " 
    + (Bar.prototype.constructor === Foo)) 

    console.log("new Bar() instanceof Bar? " 
    + (new Bar() instanceof Bar)) 

=> Bar.prototype.constructor === Foo ? true 
=> new Bar() instanceof Bar? true 

Warum ist das „instanceof“ Ergebnis nicht „falsch“, weil die „Konstruktor“ nicht auf sich selbst bezieht, sondern die geerbte Prototyp?

Answer 1

instanceof verwendet nicht die constructor Eigenschaft. Es ruft intern die Methode [HasInstance] des Funktionsobjekts auf, die in §15.3.5.3 of the specification beschrieben ist.

Es vergleicht den Prototyp des Objekts (und den Prototyp des Prototyps des Objekts usw.) mit der prototype-Eigenschaft der Funktion.

Eine ähnliche Implementierung wäre:

function myInstanceOf(obj, Constr) { 
    // get prototype of object 
    var proto = Object.getPrototypeOf(obj); 

    // climb up the prototype chain as long as we don't have a match 
    while (proto !== Constr.prototype && proto !== null) { 
     proto = Object.getPrototypeOf(proto); 
    } 

    return proto === Constr.prototype; 
} 

Soweit ich weiß, die constructor Eigenschaft wird nicht durch interne Verfahren verwendet wird, nur durch Benutzercode erzeugt.

Answer 2

Bar.prototype = new Foo() 

daher

Bar.prototype instanceof Foo 

daher

Bar.prototype.contructor === Foo 

Constructor einen Verweis auf die eigentliche Funktion

Instanceof

kehrt

Der Unterschied zwischen instanceof und der Konstruktoreigenschaft (abgesehen von dem offensichtlichen syntaktischen Unterschied) ist, dass instanceof die Prototypkette des Objekts untersucht.

So:

=> new Bar() instanceof Foo? true 
=> new Bar() instanceof Bar? true 
=> new Bar() instanceof Object? true 

Die oben genannten sind alle wahr.