Confondere "instanceof" risultato

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 

Perché è il "instanceof" risultato non "false", perché il "costruttore" non si riferisce a se stesso, ma il prototipo ereditato?

Answer 1

instanceof non utilizza la proprietà constructor. Richiama internamente il metodo [HasInstance] dell'oggetto funzione, che è descritto in §15.3.5.3 of the specification.

Confronta il prototipo dell'oggetto (e il prototipo del prototipo dell'oggetto, ecc.) Con la proprietà prototype della funzione.

Una simile realizzazione potrebbe essere:

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; 
} 

quanto ne so, la proprietà constructor non viene utilizzato mediante qualsiasi metodo interne, solo dall'utente codice generato.

Answer 2

Bar.prototype = new Foo() 

quindi

Bar.prototype instanceof Foo 

quindi

Bar.prototype.contructor === Foo 

costruttore restituisce un riferimento alla funzione effettiva

InstanceOf

La differenza tra instanceof e la proprietà del costruttore (a parte l'ovvia differenza sintattica) è che instanceof ispeziona la catena di prototipi dell'oggetto.

Quindi:

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

Quanto sopra sono tutte vere.