Objets JavaScript
Objets, propriétés et méthodes de la vie réelle
Dans la vraie vie, une voiture est un objet.
Une voiture a propriétés comme le poids et la couleur, et méthodes comme démarrer et arrêter:
|
Objet |
Propriétés |
Méthodes |
|---|---|---|
|
car.name = Fiat voiture.modèle = 500 poids de la voiture = 850 kg car.color = blanc |
car.start() Voiture() voiture.frein() voiture.stop() |
Toutes les voitures ont le même propriétésmais la propriété valeurs diffèrent d’une voiture à l’autre.
Toutes les voitures ont le même méthodesmais les méthodes sont exécutées
à différents moments.
Objets JavaScript
Vous avez déjà appris que les variables JavaScript sont des conteneurs pour les valeurs de données.
Ce code attribue un valeur simple (Fiat) à un variable voiture nommée:
Les objets sont aussi des variables. Mais les objets peuvent contenir de nombreuses valeurs.
Ce code attribue beaucoup de valeurs (Fiat, 500, blanc) à un
variable
voiture nommée :
Les valeurs s’écrivent comme nom:valeur paires (nom et valeur séparés par deux-points).
Il est courant de déclarer des objets avec le constante mot-clé.
En savoir plus sur l’utilisation constante avec des objets dans le chapitre : JS Const.
Définition d’objet
Vous définissez (et créez) un objet JavaScript avec un littéral d’objet :
Exemple
const person = {firstName: »John », lastName: »Doe », age:50, eyeColor: »blue »} ;
Essayez-le vous-même »
Les espaces et les sauts de ligne ne sont pas importants. Une définition d’objet peut s’étendre sur plusieurs lignes :
Exemple
const personne = {
prénom : « John »,
nom: « Biche »,
âge : 50 ans,
couleur des yeux : « bleu »
} ;
Essayez-le vous-même »
Propriétés de l’objet
Le nom:valeurs les paires dans les objets JavaScript sont appelées propriétés:
| Propriété | Valeur de la propriété |
|---|---|
| prénom | John |
| nom de famille | Biche |
| âge | 50 |
| couleur des yeux | bleu |
Accéder aux propriétés de l’objet
Vous pouvez accéder aux propriétés d’un objet de deux manières :
ou
nom_objet[« propertyName »]
Les objets JavaScript sont des conteneurs pour valeurs nommées appelées propriétés.
Méthodes d’objet
Les objets peuvent aussi avoir méthodes.
Les méthodes sont Actions qui peut être effectué sur des objets.
Les méthodes sont stockées dans les propriétés comme définitions de fonctions.
| Propriété | Valeur de la propriété |
|---|---|
| prénom | John |
| nom de famille | Biche |
| âge | 50 |
| couleur des yeux | bleu |
| nom et prénom | function() {retourner this.firstName + » » + this.lastName ;} |
Une méthode est une fonction stockée en tant que propriété.
Exemple
const personne = {
prénom : « John »,
nom : « Biche »,
identifiant : 5566,
nomcomplet : fonction() {
retourne this.firstName + » » + this.lastName ;
}
} ;
Dans l’exemple ci-dessus, this se réfère à la objet personne.
C’EST À DIRE this.firstName signifie le prénom propriété de ce.
C’EST À DIRE this.firstName signifie le prénom propriété de personne.
Qu’est-ce que ce?
En JavaScript, le this mot-clé fait référence à un objet.
Qui l’objet dépend de comment this est invoqué (utilisé ou appelé).
Le this mot-clé fait référence à différents objets selon la façon dont il est utilisé :
Dans une méthode objet, this se réfère à la objet. |
Seul, this se réfère à la objet global. |
Dans une fonction, this se réfère à la objet global. |
Dans une fonction, en mode strict, this est undefined. |
Dans un événement, this se réfère à la élément qui a reçu l’événement. |
Des méthodes comme call(), apply()et bind() peut se référer this pour n’importe quel objet. |
Le ce Mot-clé
Dans une définition de fonction, this fait référence au « propriétaire » de la fonction.
Dans l’exemple ci-dessus, this est le objet personne qui « possède » le
fullName fonction.
Autrement dit, this.firstName signifie le firstName propriété de cet objet.
En savoir plus sur this dans Le JavaScript ce Tutoriel.
Accéder aux méthodes d’objet
Vous accédez à une méthode objet avec la syntaxe suivante :
Si vous accédez à une méthode sans les () parenthèses, il renverra le définition de la fonction:
Ne déclarez pas les chaînes, les nombres et les booléens en tant qu’objets !
Lorsqu’une variable JavaScript est déclarée avec le mot clé « new« , la variable est créée en tant qu’objet :
x = nouvelle chaîne(); // Déclare x comme un objet String
y = nouveau Nombre(); // Déclare y comme un objet Number
z = nouveau booléen(); // Déclare z comme un objet booléen
Éviter String, Numberet Boolean objets. Ils compliquent votre code et ralentissent la vitesse d’exécution.
Vous en apprendrez plus sur les objets plus loin dans ce didacticiel.
#Objets #JavaScript
