Prototypes JavaScript
Tous les objets JavaScript héritent des propriétés et des méthodes d’un prototype.
Dans le chapitre précédent, nous avons appris à utiliser un constructeur d’objet:
Exemple
function Person(first, last, age, eyecolor) {
this.firstName = premier ;
this.lastName = dernier ;
this.age = age;
this.eyeColor = couleur des yeux;
}
const monPère = new Person(“John”, “Doe”, 50, “blue”);
const maMère = new Person(“Sally”, “Rally”, 48, “green”);
Essayez-le vous-même »
Nous avons également appris que vous pouvez pas ajouter une nouvelle propriété à un constructeur d’objet existant :
Pour ajouter une nouvelle propriété à un constructeur, vous devez l’ajouter à la fonction constructeur :
Exemple
function Person(first, last, age, eyecolor) {
this.firstName = premier ;
this.lastName = dernier ;
this.age = age;
this.eyeColor = couleur des yeux;
this.nationality = “Anglais” ;
}
Essayez-le vous-même »
Héritage des prototypes
Tous les objets JavaScript héritent des propriétés et des méthodes d’un prototype :
Dateles objets héritent deDate.prototypeArrayles objets héritent deArray.prototypePersonles objets héritent dePerson.prototype
Le Object.prototype est au sommet de la chaîne d’héritage du prototype :
Date objets, Array des objets, et Person les objets héritent de Object.prototype.
Ajout de propriétés et de méthodes aux objets
Parfois, vous souhaitez ajouter de nouvelles propriétés (ou méthodes) à tous les objets existants d’un type donné.
Parfois, vous souhaitez ajouter de nouvelles propriétés (ou méthodes) à un constructeur d’objet.
En utilisant le prototype Propriété
Le Javascript prototype propriété vous permet d’ajouter de nouvelles propriétés aux constructeurs d’objet :
Exemple
function Person(first, last, age, eyecolor) {
this.firstName = premier ;
this.lastName = dernier ;
this.age = age;
this.eyeColor = couleur des yeux;
}
Person.prototype.nationality = “Anglais” ;
Essayez-le vous-même »
Le Javascript prototype La propriété vous permet également d’ajouter de nouvelles méthodes aux constructeurs d’objets :
Exemple
function Person(first, last, age, eyecolor) {
this.firstName = premier ;
this.lastName = dernier ;
this.age = age;
this.eyeColor = couleur des yeux;
}
Personne.prototype.nom = fonction() {
retourne this.firstName + ” ” + this.lastName ;
} ;
Essayez-le vous-même »
Modifiez uniquement votre posséder prototypes. Ne modifiez jamais les prototypes d’objets JavaScript standards.
#Prototypes #JavaScript