Maison  >  Article  >  interface Web  >  Le rôle du prototype dans js

Le rôle du prototype dans js

下次还敢
下次还敢original
2024-05-06 14:45:251025parcourir

prototype est une propriété en JavaScript qui pointe vers un objet prototype pour les propriétés et méthodes partagées. Ses principales fonctions incluent : Héritage : les objets enfants héritent des propriétés et méthodes du prototype de l'objet parent. Ajouter dynamiquement des propriétés : ajoutez dynamiquement des propriétés et des méthodes en modifiant l'objet prototype. Optimisation de la mémoire : plusieurs sous-objets partagent un objet prototype pour économiser de la mémoire. Encapsulation du code : encapsulez le code partagé dans des objets prototypes pour améliorer la clarté et la maintenabilité du code.

Le rôle du prototype dans js

Le rôle du prototype en JavaScript

Qu'est-ce qu'un prototype ?

Le prototype est un attribut spécial en JavaScript qui pointe vers un objet contenant des propriétés et des méthodes partagées par d'autres objets.

Le rôle du prototype

Les principales fonctions du prototype incluent :

  • Héritage : Les objets enfants peuvent hériter des propriétés et des méthodes du prototype de l'objet parent, réalisant ainsi la réutilisation du code.
  • Ajouter dynamiquement des propriétés : Vous pouvez ajouter dynamiquement des propriétés et des méthodes aux sous-objets en modifiant l'objet prototype.
  • Optimisation de la mémoire : Plusieurs sous-objets partagent un objet prototype, ce qui peut économiser de l'espace mémoire.
  • Encapsulation du code : Encapsulez le code partagé dans des objets prototypes pour rendre le code plus clair et plus facile à maintenir.

Utilisation du prototype

Vous pouvez utiliser les méthodes suivantes pour accéder et modifier l'objet prototype :

  • Obtenir le prototype : Object.getPrototypeOf(object)Object.getPrototypeOf(object)
  • 设置原型:Object.setPrototypeOf(object, prototype)

实例说明

以下代码示例演示了 prototype 的用法:

<code class="javascript">// 父对象
const Parent = {
  name: "Parent"
};

// 子对象
const Child = {
  __proto__: Parent, // 设置子对象的原型指向父对象
  age: 20
};

console.log(Child.name); // 输出: "Parent"
console.log(Child.age);  // 输出: 20

// 修改原型对象
Parent.hobby = "reading";

console.log(Child.hobby); // 输出: "reading"</code>

在这个示例中,Child 对象通过 __proto__ 属性继承了 Parent 对象的原型,共享其 name 属性。同时,Child 对象还可以动态地访问和修改父对象的属性,例如 hobby

🎜Set le prototype : 🎜Object.setPrototypeOf(object, prototype)🎜🎜🎜🎜Exemple de description🎜🎜🎜L'exemple de code suivant démontre l'utilisation du prototype : 🎜rrreee🎜Dans cet exemple, le Child L'objet est passé __proto__ hérite du prototype de l'objet Parent et partage son attribut name. Dans le même temps, l'objet Child peut également accéder et modifier dynamiquement les propriétés de l'objet parent, telles que hobby. 🎜

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!

Déclaration:
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