0% ont trouvé ce document utile (0 vote)
47 vues6 pages

Prototypes D'objets JavaScript

Transféré par

Gil
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
47 vues6 pages

Prototypes D'objets JavaScript

Transféré par

Gil
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 6

H T M L C S S J A V A S C R I P T S Q L P Y T H O N J A V A P H P C O M M E N T W 3 . C S S C C + + C # A M O R C E R R É A G I R M Y S Q L J Q U E R Y E X C E L L E R X M L D J A N G O N U M P Y P A N D A S N O D E J S R .

M A N U S C R I T A N G U L A I R E G I T P o s t g r e S Q L M O N G O D B A S P I C I A A L L E R K O T L I N T O U P E T V U E D S A G É N É R A T I O N I A S C I P Y A W S L A C Y B E R - S É C U R I T É S C I E N C E S D E S D O N N É E S

Prototypes d'objets JavaScript


❮ PrécédentSuivant ❯

Tous les objets JavaScript héritent des propriétés et 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 = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
}

const myFather = new Person("John", "Doe", 50, "blue");


const myMother = new Person("Sally", "Rally", 48, "green");

Essayez-le vous-même »

Nous avons également appris que vous ne pouvez pas ajouter une nouvelle
propriété à un constructeur d'objet existant :

Exemple
Person.nationality = "English";

Essayez-le vous-même »

Pour ajouter une nouvelle propriété à un constructeur, vous devez l'ajouter à


la fonction constructeur :
Exemple
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
this.nationality = "English";
}

Essayez-le vous-même »

PUBLICITÉ

Héritage des prototypes


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

 Dateles objets héritent deDate.prototype


 Arrayles objets héritent deArray.prototype
 Personles objets héritent dePerson.prototype

Le Object.prototypese trouve au sommet de la chaîne d'héritage du prototype :

Dateles objets, Arrayles objets et Personles 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.
Utilisation de la propriété prototype
La propriété JavaScript prototypevous permet d'ajouter de nouvelles propriétés
aux constructeurs d'objets :

Exemple
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
}

Person.prototype.nationality = "English";

Essayez-le vous-même »

La propriété JavaScript prototypevous permet également d'ajouter de


nouvelles méthodes aux constructeurs d'objets :

Exemple
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;
};

Essayez-le vous-même »

Modifiez uniquement vos propres prototypes. Ne modifiez jamais les


prototypes des objets JavaScript standards.

❮ PrécédentSuivant ❯

PUBLICITÉ
PIPETTE À COULEURS

PUBLICITÉ

LES ESPACES
MISE À NIVEAU
SANS PUBLICITÉ
BULLETIN
OBTENIR UNE CERTIFICATION
CONTACTEZ-NOUS

Meilleurs tutoriels
Tutoriel HTML Tutoriel
CSS Tutoriel
JavaScript Tutoriel
Comment faire Tutoriel
SQL Tutoriel
Python Tutoriel
W3.CSS Tutoriel
Bootstrap Tutoriel
PHP Tutoriel
Java Tutoriel
C++ Tutoriel
jQuery

Principales références
Référence HTML
Référence CSS Référence
JavaScript Référence
SQL Référence
Python Référence
W3.CSS Référence
Bootstrap Référence
PHP
Couleurs HTML
Référence Java Référence
Angular Référence
jQuery

Meilleurs exemples
Exemples HTML Exemples
CSS Exemples
JavaScript Exemples
pratiques Exemples
SQL
Exemples Python Exemples
W3.CSS Exemples
d'amorçage Exemples
PHP Exemples
Java Exemples
XML Exemples
jQuery
Obtenir une certification
Certificat HTML Certificat
CSS Certificat
JavaScript Certificat
Front End Certificat
SQL Certificat
Python Certificat
PHP Certificat
jQuery Certificat
Java Certificat
C++ Certificat
C# Certificat
XML


FORUM SUR LA SALLE DE CLASSE
W3Schools est optimisé pour l'apprentissage et la formation. Les exemples pourraient être
simplifiés pour améliorer la lecture et l’apprentissage. Les didacticiels, références et exemples sont
constamment révisés pour éviter les erreurs, mais nous ne pouvons garantir l'exactitude totale de
tout le contenu. En utilisant W3Schools, vous acceptez d'avoir lu et accepté nos conditions
d'utilisation , nos cookies et notre politique de confidentialité .

Copyright 1999-2024 par Refsnes Data. Tous droits réservés. W3Schools est propulsé par
W3.CSS .

Vous aimerez peut-être aussi