English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriel de base JavaScript

Objet JavaScript

Fonction JavaScript

DOM HTML JS

BOM du navigateur JS

Tutoriel de base AJAX

Manuel de référence JavaScript

Modèle d'objet JavaScript

PrototypeC'est un mécanisme par lequel les objets JavaScript héritent les caractéristiques les uns des autres.

Dans le chapitre précédent, nous avons appris comment utiliserConstructeur:

function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
}
var Seagull = new User("Seagull", "Anna", 22, "New Delhi");
var tarush = new User("Tarush", "Balodhi", 34, "Bihar");
Voyons voir‹/›

Nous avons également apprisNe peut pasAjoutez la nouvelle propriété au constructeur d'objet existant :

User.weapon = "Sword";
Voyons voir‹/›

Pour ajouter une nouvelle propriété au constructeur, il faut la ajouter au constructeur lui-même :

function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
   this.weapon = "Sword";
}
Voyons voir‹/›

Parfois, nous voulons ajouter de nouveaux attributs et méthodes à un constructeur plus tardif, qui sera partagé entre tous les objets (exemples). La réponse est l'objetPrototype

Utilisation de l'attribut prototype

L'attribut prototype permet d'ajouter des propriétés et des méthodes au constructeur.

Dans cet exemple, l'attribut prototype permet d'ajouter de nouvelles propriétés au constructeur User :

function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
}
User.prototype.weapon = "Sword";
Voyons voir‹/›

Dans cet exemple, l'attribut prototype permet d'ajouter de nouvelles méthodes au constructeur User :

function User(fname, lname, age, loc) {
   this.firstName = fname;
   this.lastName = lname;
   this.age = age;
   this.location = loc;
}
User.prototype.fullName = function() {
return this.firstName + " " + this.lastName;
};
Voyons voir‹/›

Attention :Ne modifiez pas le prototype de votre propre objet. Ne modifiez pas le prototype des objets JavaScript (prédéfinis) standards.