le modèle d'objet javascript: étrange constructeur propriété

Question

Je trouve le comportement de ce morceau de code énigmatique, pourquoi est le constructeur de child pas Child? Quelqu'un pourrait-il me l'expliquer?

function Parent() { 
    this.prop1 = "value1"; 
    this.prop2 = "value2"; 
} 

function Child() { 
    this.prop1 = "value1b"; 
    this.prop3 = "value3"; 
} 
Child.prototype = new Parent(); 

var child = new Child(); 

// this is expected 
console.log(child instanceof Child); //true 
console.log(child instanceof Parent); //true 

// what?? 
console.log(child.constructor == Child); //false 
console.log(child.constructor == Parent); //true 

Answer 1

Comme Pointy a souligné, in his answer

La propriété « constructeur » est une référence à la fonction qui a créé prototype de l'objet, et non l'objet lui-même.

La façon habituelle de traiter ce problème est d'augmenter prototype constructor propriété de l'objet après l'attribution à la prototype

function Parent() { 
    this.prop1 = "value1"; 
    this.prop2 = "value2"; 
} 

function Child() { 
    this.prop1 = "value1b"; 
    this.prop3 = "value3"; 
} 
Child.prototype = new Parent(); 

// set the constructor to point to Child function 
Child.prototype.constructor = Child; 

var child = new Child(); 

// this is expected 
console.log(child instanceof Child); //true 
console.log(child instanceof Parent); //true 

// corrected 
console.log(child.constructor == Child); // now true 
console.log(child.constructor == Parent); // now false 

console.log(Child.prototype.constructor); // Child 
console.log(Parent.prototype.constructor); // Parent 

Je ne peux pas recommander de Stoyan Stefanov Object Oriented JavaScript qui couvre Prototype et héritage en détail (Procurez-vous la deuxième édition si vous le pouvez car elle répond à certaines critiques de la première édition).

Answer 2

La propriété « constructeur » est une référence à la fonction qui a créé prototype de l'objet, et non l'objet lui-même.