Maison > interface Web > js tutoriel > Concepts et applications des prototypes et chaînes de prototypes en programmation

Concepts et applications des prototypes et chaînes de prototypes en programmation

WBOY
Libérer: 2024-01-10 10:39:09
original
1248 Les gens l'ont consulté

Concepts et applications des prototypes et chaînes de prototypes en programmation

Le concept de prototype et de chaîne de prototypes et son application en programmation

En programmation, le prototype et la chaîne de prototypes sont un concept très important et basique en JavaScript. Ils sont largement utilisés dans la programmation orientée objet JavaScript pour implémenter l'héritage d'objets et le partage d'attributs. Cet article présentera les concepts de prototypes et de chaînes de prototypes et démontrera leur application en programmation à travers des exemples de code concrets.

1. La notion de prototype

En JavaScript, chaque objet possède un lien vers un autre objet, et ce lien est le prototype. Un prototype est un objet ordinaire contenant des propriétés et des méthodes partagées. Un objet peut accéder à des propriétés et méthodes qui ne lui appartiennent pas via son prototype.

Ce qui suit est un exemple de code qui montre comment créer un prototype d'objet :

// 创建一个原型对象
var prototypeObject = {
  speak: function() {
    console.log("Hello!");
  }
};

// 创建一个实例对象
var instanceObject = Object.create(prototypeObject);

// 调用原型中的方法
instanceObject.speak(); // 输出: Hello!
Copier après la connexion

Dans le code ci-dessus, nous créons d'abord un objet prototype prototypeObject, qui contient un speak< /code>méthode. Ensuite, nous utilisons la méthode <code>Object.create() pour créer un objet instance instanceObject et définir le prototypeObject sur instanceObject</code > > Prototype. Enfin, nous accédons à la méthode <code>speak dans le prototype via instanceObject. prototypeObject,该对象包含了一个speak方法。接着,我们使用Object.create()方法创建了一个实例对象instanceObject,并将prototypeObject设置为instanceObject的原型。最后,我们通过instanceObject访问到了原型中的speak方法。

二、原型链的概念

每个对象拥有一个原型对象,并且原型对象本身也可以拥有原型。这样就构成了一个原型链,通过原型链可以实现属性和方法的继承。当我们试图访问一个对象的属性或方法时,如果该对象自身没有找到对应的属性或方法,它会沿着原型链向上查找,直到找到或者到达原型链的顶端(一般是Object.prototype)为止。

下面是一个示例代码,演示了原型链的继承关系:

// 创建一个原型对象
var parent = {
  speak: function() {
    console.log("Hello from parent!");
  }
};

// 创建一个子对象,并将parent设置为其原型
var child = Object.create(parent);

// 调用原型中的方法
child.speak(); // 输出: Hello from parent!
Copier après la connexion

在上述代码中,我们创建了一个原型对象parent,它包含了一个speak方法。然后,我们使用Object.create()方法创建了一个子对象child,并将parent设置为child的原型。这样,child对象通过原型链继承了parent对象中的speak方法。

三、在编程中的应用

原型和原型链在编程中有着广泛的应用。通过原型,我们可以实现对象之间的继承关系,减少重复代码,提高代码的复用性。通过原型链,我们可以实现属性和方法的共享,减少内存消耗,提高程序的执行效率。

下面是一个示例代码,演示了原型和原型链的应用:

// 创建一个Animal对象
function Animal(name) {
  this.name = name;
}

// 通过原型添加方法
Animal.prototype.speak = function() {
  console.log("Hello, my name is " + this.name);
};

// 创建一个Dog对象,并继承Animal对象
function Dog(name) {
  Animal.call(this, name);
}

// 设置Dog对象的原型为Animal对象的实例
Dog.prototype = Object.create(Animal.prototype);

// 通过原型添加方法
Dog.prototype.bark = function() {
  console.log("Woof!");
};

// 创建一个Dog对象实例
var dog = new Dog("Tom");

// 调用继承自Animal的方法
dog.speak(); // 输出: Hello, my name is Tom

// 调用自身定义的方法
dog.bark(); // 输出: Woof!
Copier après la connexion

在上述代码中,我们首先定义了一个Animal对象,并为其添加了speak方法。接着,我们定义了一个Dog对象,并通过Animal.call()方法继承了Animal对象中的属性。然后,我们将Dog.prototype设置为Animal.prototype的实例,实现了原型链的继承关系。最后,我们在Dog对象的原型中添加了bark方法。通过这样的设计,我们可以实现创建Dog对象实例时,同时继承Animal对象的方法,并且可以在Dog

2. Le concept de chaîne de prototypes

Chaque objet a un objet prototype, et l'objet prototype lui-même peut également avoir un prototype. Cela forme une chaîne de prototypes à travers laquelle les propriétés et les méthodes peuvent être héritées. Lorsque nous essayons d'accéder aux propriétés ou aux méthodes d'un objet, si l'objet lui-même ne trouve pas les propriétés ou les méthodes correspondantes, il recherchera la chaîne de prototypes jusqu'à ce qu'il trouve ou atteigne le sommet de la chaîne de prototypes (généralement Object .prototype ).

Ce qui suit est un exemple de code qui démontre la relation d'héritage de la chaîne de prototypes : 🎜rrreee🎜Dans le code ci-dessus, nous créons un objet prototype parent, qui contient un speakMéthode. Ensuite, nous utilisons la méthode Object.create() pour créer un objet enfant child et définissons parent sur child > Prototype. De cette façon, l'objet child hérite de la méthode speak dans l'objet parent via la chaîne de prototypes. 🎜🎜3. Application en programmation🎜🎜Les prototypes et les chaînes de prototypes sont largement utilisés en programmation. Grâce aux prototypes, nous pouvons réaliser la relation d'héritage entre les objets, réduire le code répété et améliorer la réutilisabilité du code. Grâce à la chaîne de prototypes, nous pouvons partager des propriétés et des méthodes, réduire la consommation de mémoire et améliorer l'efficacité de l'exécution des programmes. 🎜🎜Ce qui suit est un exemple de code qui démontre l'application des prototypes et des chaînes de prototypes : 🎜rrreee🎜Dans le code ci-dessus, nous définissons d'abord un objet Animal et y ajoutons speak méthode. Ensuite, nous avons défini un objet <code>Dog et hérité des propriétés de l'objet Animal via la méthode Animal.call(). Ensuite, nous définissons Dog.prototype sur une instance de Animal.prototype pour implémenter la relation d'héritage de la chaîne de prototypes. Enfin, nous avons ajouté la méthode bark au prototype de l'objet Dog. Grâce à cette conception, nous pouvons hériter des méthodes de l'objet Animal lors de la création d'une instance de l'objet Dog, et nous définir dans l'objet Dog . Méthodes. 🎜🎜Résumé : 🎜🎜Le prototype et la chaîne de prototypes sont un concept important en JavaScript et ils sont largement utilisés dans la programmation orientée objet. Grâce à des prototypes, nous pouvons réaliser la relation d'héritage entre les objets. Grâce à la chaîne de prototypes, nous pouvons partager des propriétés et des méthodes. En programmation, l'utilisation rationnelle des prototypes et des chaînes de prototypes peut réduire la redondance du code et améliorer la réutilisation du code et l'efficacité de son exécution. 🎜

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