Maison > interface Web > js tutoriel > Révéler ce que font réellement les prototypes et les chaînes de prototypes JavaScript

Révéler ce que font réellement les prototypes et les chaînes de prototypes JavaScript

WBOY
Libérer: 2024-01-11 10:31:59
original
1330 Les gens l'ont consulté

Révéler ce que font réellement les prototypes et les chaînes de prototypes JavaScript

Révéler le rôle réel du prototype JavaScript et de la chaîne de prototypes

Dans le processus d'apprentissage de JavaScript, nous rencontrons souvent les deux concepts de prototype et de chaîne de prototypes. Ce sont des fonctionnalités très importantes de JavaScript et peuvent nous aider à mieux comprendre la programmation orientée objet de JavaScript. Cet article approfondira le rôle réel des prototypes et des chaînes de prototypes JavaScript et donnera des exemples de code spécifiques.

Tout d’abord, nous devons comprendre ce qu’est un prototype. Un prototype est une propriété d'un objet JavaScript qui pointe vers un autre objet. C'est un objet hérité par tous les objets d'instance. Chaque objet JavaScript (sauf null) a un prototype et il peut s'agir d'autres objets ou de null. Nous pouvons créer des objets prototypes en utilisant la méthode Object.create().

Le rôle du prototype est de mettre en œuvre l'héritage. Lorsqu'un objet pointe vers un autre objet via un prototype, il peut hériter des propriétés et des méthodes de l'objet prototype. De cette manière, nous pouvons partager des attributs et des méthodes entre objets en définissant le prototype d'un objet. Il s'agit d'une manière courante d'implémenter l'héritage en JavaScript.

Ensuite, jetons un coup d’œil à la chaîne prototype en action. La chaîne de prototypes est une structure de liste chaînée composée d'objets prototypes. Il s'agit d'un mécanisme permettant de trouver des propriétés et des méthodes d'objet. Lorsque nous accédons à une propriété ou une méthode à partir d'un objet, si l'objet lui-même ne possède pas la propriété ou la méthode, JavaScript la recherchera automatiquement dans son objet prototype. S'il ne l'a pas encore trouvé, il continuera à chercher le prototype. objet de l'objet prototype. Jusqu'à ce que la propriété ou la méthode soit trouvée ou que la fin de la chaîne du prototype soit trouvée.

Le rôle de la chaîne de prototypes est de mettre en œuvre l'héritage des propriétés et des méthodes. Lorsqu'un objet n'a pas une certaine propriété ou méthode, il peut rechercher son objet prototype via la chaîne de prototypes pour obtenir la propriété ou la méthode. De cette façon, nous pouvons partager des propriétés et des méthodes entre des objets à différents niveaux.

Ensuite, nous comprendrons davantage le rôle réel des prototypes et des chaînes de prototypes à travers des exemples de code spécifiques.

Tout d'abord, nous définissons un constructeur Person, qui a deux attributs name et age.

function Person(name, age) {
    this.name = name;
    this.age = age;
}

Person.prototype.sayHello = function() {
    console.log("Hello, my name is " + this.name);
}
Copier après la connexion

Ensuite, nous utilisons le constructeur Person pour créer un objet instance person.

var person = new Person("John", 25);
Copier après la connexion

Maintenant, nous pouvons voir que l'objet personne hérite des propriétés et méthodes du constructeur Person. Nous pouvons accéder à ces propriétés et méthodes en utilisant l'opérateur point.

console.log(person.name); // 输出:John
console.log(person.age); // 输出:25
person.sayHello(); // 输出:Hello, my name is John
Copier après la connexion

Ensuite, créons un prototype d'objet employé, qui a une méthode de travail.

var employee = {
    work: function() {
        console.log("I'm working.");
    }
}
Copier après la connexion

Ensuite, nous définissons l'objet employé comme prototype de l'objet personne pour implémenter l'héritage.

person.__proto__ = employee;
Copier après la connexion

Maintenant, nous pouvons accéder à la méthode de travail de l'objet employé via l'objet personne.

person.work(); // 输出:I'm working.
Copier après la connexion

En effet, lorsque l'objet personne n'a pas de méthode de travail, JavaScript trouvera la méthode sur sa chaîne de prototypes et l'exécutera.

Avec l'exemple de code ci-dessus, nous pouvons voir des prototypes et des chaînes de prototypes en action. Ils peuvent nous aider à réaliser l'héritage des propriétés et des méthodes entre les objets et à améliorer la réutilisabilité et la maintenabilité du code.

Pour résumer, le prototype JavaScript et la chaîne de prototypes sont des mécanismes importants pour implémenter l'héritage. Le prototype réalise l'héritage des attributs et des méthodes en pointant vers un autre objet, tandis que la chaîne de prototypes recherche les attributs et les méthodes des objets via une structure de liste chaînée, réalisant le partage des attributs et des méthodes entre les objets à plusieurs niveaux. Une compréhension approfondie du rôle réel des prototypes et des chaînes de prototypes peut nous aider à mieux comprendre la programmation orientée objet de JavaScript et à écrire un code plus élégant et plus efficace.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal