Objets de la vie réelle, propriétés et méthodes
Dans la vraie vie, une voiture est un objet.
Une voiture a des propriétés telles que le poids et la couleur, et des méthodes comme démarrage et l' arrêt:
| Objet | Propriétés | Méthodes |
|---|---|---|
|
car.name = Fiat car.model = 500 car.weight = 850kg car.color = white |
car.start() car.drive() car.brake() car.stop() |
Toutes les voitures ont les mêmes propriétés, mais les valeurs des propriétés diffèrent d' une voiture à.
Toutes les voitures ont les mêmes méthodes, mais les procédés sont effectués à des moments différents.
JavaScript Objets
Vous avez déjà appris que les variables JavaScript sont des conteneurs pour les valeurs de données.
Ce code assigne une valeur simple (Fiat) à une voiture de variable nommée:
Les objets sont des variables aussi. Mais les objets peuvent contenir de nombreuses valeurs.
Ce code affecte de nombreuses valeurs (Fiat, 500, white) à une variable nommée voiture:
Les valeurs sont écrites comme des paires nom: valeur (nom et la valeur séparés par deux points).
Objets JavaScript sont des conteneurs pour des valeurs nommées.
Propriétés de l'objet
Le nom: valeurs paires (en objets JavaScript) sont appelés propriétés.
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
| Propriété | Valeur de la propriété |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
Méthodes d'objets
Les méthodes sont des actions qui peuvent être effectuées sur des objets.
Les méthodes sont stockées dans des propriétés que les définitions de fonctions.
| Propriété | Valeur de la propriété |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
| fullName | function() {return this.firstName + " " + this.lastName;} |
objets JavaScript sont des conteneurs pour des valeurs nommées appelées propriétés ou méthodes.
Object Définition
Vous définissez (et créer) un objet JavaScript avec un littéral d'objet:
Exemple
var 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 de l'objet peut couvrir plusieurs lignes:
Exemple
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
Essayez - le vous - même » Accès aux propriétés de l'objet
Vous pouvez accéder aux propriétés de l'objet de deux façons:
objectName.propertyNameou
objectName["propertyName"]
Accès méthodes d'objets
Vous accédez à une méthode d'objet avec la syntaxe suivante:
objectName.methodName()
Si vous accédez au fullName propriété, sans () , elle retourne la définition de fonction:
Ne pas déclarer Cordes, Numbers et booléens comme des objets!
Quand une variable JavaScript est déclarée avec le mot - clé "new" , la variable est créé comme un objet:
var x = new String(); // Declares x as a String object
var y = new Number(); // Declares y as a Number object
var z = new Boolean(); // Declares z as a Boolean object
Évitez String, Number et objets booléens. Ils compliquent votre code et de ralentir la vitesse d'exécution.
Vous en apprendrez plus sur les objets plus loin dans ce tutoriel.
Testez-vous avec des exercices!
Exercice 1 » Exercice 2» Exercice 3 »