Maison  >  Article  >  interface Web  >  Quelle est la méthode du prototype javascript ?

Quelle est la méthode du prototype javascript ?

藏色散人
藏色散人original
2021-11-09 14:52:351698parcourir

prototype javascript fait référence à l'objet prototype de javascript, et tous les objets JavaScript héritent des propriétés et des méthodes d'un prototype, qui est l'objet prototype.

Quelle est la méthode du prototype javascript ?

L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur Dell G3.

Qu'est-ce que la méthode de prototype JavaScript ?

Prototype JavaScript (objet prototype)

Tous les objets JavaScript héritent des propriétés et des méthodes d'un prototype (objet prototype).

héritage de prototype

Tous les objets JavaScript héritent des propriétés et des méthodes d'un prototype (objet prototype) :

Date 对象从 Date.prototype 继承。
Array 对象从 Array.prototype 继承。
Person 对象从 Person.prototype 继承。

Tous les objets en JavaScript sont des instances de l'objet en haut de la chaîne de prototypes.

Les objets JavaScript ont une chaîne pointant vers un objet prototype. Lorsqu'il tente d'accéder à une propriété d'un objet, il recherche non seulement l'objet, mais également le prototype de l'objet et le prototype du prototype de l'objet, et recherche vers le haut jusqu'à ce qu'il trouve une propriété avec un nom correspondant. ou atteint le prototype en bout de chaîne.

Les objets Date, Array et Person héritent de Object.prototype.

Ajouter des propriétés et des méthodes

Parfois, nous souhaitons ajouter de nouvelles propriétés ou méthodes à tous les objets existants.

De plus, nous souhaitons parfois ajouter des propriétés ou des méthodes dans le constructeur d'un objet.

Utilisez l'attribut prototype pour ajouter de nouveaux attributs au constructeur de l'objet :

Instance

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}
 
Person.prototype.nationality = "English";

Bien sûr, nous pouvons également utiliser l'attribut prototype pour ajouter de nouvelles méthodes au constructeur de l'objet :

Instance

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}
 
Person.prototype.name = function() {
  return this.firstName + " " + this.lastName;
};

apprentissage recommandé : "tutoriel de base 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!

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