Pourquoi « Child.prototype = Parent.prototype » rompt-il l'héritage JavaScript ?

Pourquoi Child.prototype = Parent.Prototype pourrait rompre l'héritage Javascript ?

Dans l'héritage Javascript, vous avez peut-être rencontré le modèle d'héritage suivant :

function GameObject(oImg, x, y) {
    // GameObject constructor
}

Spaceship.prototype = new GameObject();
Spaceship.prototype.constructor = Spaceship;

Cependant, vous avez peut-être remarqué un comportement inattendu lors de l'ajout de propriétés à Spaceship.prototype après l'héritage. La propriété prototype de Spaceship est définie sur Spaceship plutôt que sur GameObject.

Cela se produit car lorsque vous définissez Spaceship.prototype = GameObject.prototype, les deux prototypes commencent à faire référence au même objet. Toute modification d'un objet affectera l'autre. Par conséquent, l'ajout de propriétés à Spaceship.prototype les ajoutera également à GameObject.prototype.

Pour éviter ce problème, vous pouvez utiliser :

Spaceship.prototype = Object.create(GameObject.prototype);

Cela crée un nouvel objet avec GameObject.prototype comme prototype, garantissant que les modifications apportées à Spaceship.prototype n'affecteront pas GameObject.prototype.

Alternativement, si vous souhaitez invoquer le constructeur, utilisez GameObject.apply(this, arguments) dans le constructeur Spaceship au lieu de la ligne ci-dessus.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!