Différence d'héritage de prototype Javascript

Question

function main() 
{ 
    this.one = 1; 
} 

main.prototype = { 
    display: function() 
    { 
    console.log(this.one); 
    return this; 
    } 
}; 

function addition() { 
    main.call(this); 
} 

addition.prototype = new main; 
addition.prototype.constructor = addition; 

addition.prototype = { 
    add: function(x) { 
    this.one += x; 
    return this; 
    } 
}; 

// addition.prototype.add = function(x) 
// { 
// this.one += x; 
// return this; 
// } 

display = new addition; 
display.add(3).add(5).display(); 

Si je remplace le commentaire ajouté.prototype.add par le nom de fichier addition.prototype, cela fonctionnera correctement, en enregistrant '9'. Sinon, si vous exécutez l'extrait ci-dessus, "display.add (3) .add (5) .display n'est pas une fonction" dans Firebug 1.4, Firefox 3.5.

Quelle est la différence entre les 2 segments? J'ai toujours pensé qu'ils sont les mêmes, s'il vous plaît conseiller sur la différence, ou/et comment je pourrais le faire fonctionner avec les codes commentés. Ou au moins pointez-moi sur les mots-clés que je devrais google pour, j'ai essayé de chercher dans les vains pendant des heures.

Merci.

Answer 1

On dirait que vous écrasez prototype de parent du (principal) avec votre code:

addition.prototype = { 
    add: function(x) { 
    this.one += x; 
    return this; 
    } 
}; 

addition.prototype est maintenant un nouvel objet parce que vous venez de lui est affecté.

Quand vous faites:

addition.prototype.add = function(x) { 
this.one += x; 
return this; 
} 

Vous ajoutez une propriété à addition.prototype, de sorte que vous gardez la fonction principale display() a hérité.

Btw, d'où obtenez-vous ce code? C'est l'un des exemples les plus confus de l'héritage en JavaScript que j'ai vu.