Introduction détaillée au prototype js

Si vous êtes très familier avec les objets prototypes et les attributs des prototypes en JS, il sera très facile de comprendre la chaîne des prototypes et l'héritage plus tard, j'aimerais partager ma compréhension avec vous,

 1  function Person(){ 2 } 3 Person.prototype.name = "jingzi"; 4 Person.prototype.age = 20; 5 Person.prototype.sayName = function(){ 6    alert(this.name); 
 7 }; 8  9 var person1 = new Person();10 person1.sayName();    //"jingzi"

<.> Il s'agit d'un objet créé en mode prototype. Le code est très court et pas difficile à comprendre. Si vous avez des doutes sur le prototype, veuillez continuer à lire

.

Veuillez ignorer cette vilaine illustration (.・＿・.)ﾉ. C’est la clé pour comprendre le problème ~ Entrons dans le texte. . . .

Lorsque chaque fonction sera créée, elle aura un attribut prototye, qui pointera vers l'objet prototype de la fonction. Par défaut, chaque objet prototype recevra un attribut constructeur, qui contient un pointeur vers la fonction où se trouve l'attribut prototype.

Comme indiqué ci-dessus, lorsqu'une fonction Personne est créée, elle aura un attribut prototype, qui pointe vers l'objet prototype Person Prototype, et cet objet prototype a un attribut constructeur, dont le pointeur pointe vers Personne, c'est-à-dire , prototype La fonction Personne où se trouve l'attribut. Lorsque vous créez une instance d'objet, elle aura un attribut prototype (car chaque fonction aura un attribut prototype lors de sa création (^o^)/). Cet attribut prototype pointera vers son objet prototype plutôt que directement vers son constructeur Person.

Ici, vous devez vous rappeler que l'objet instance est connecté au constructeur via l'objet prototype.

Recommandations associées :

Explication détaillée du prototype JS

7 articles recommandés sur la chaîne de prototypes js

Une brève discussion sur les objets prototypes JS et les compétences prototypes chains_javascript

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!