Objet (Object) JavaScript

Fonction

Comprendre les objets JavaScriptObjetC'est un type de données, composé deNometValeurLa collection est composée deNom : ValeurReprésentation.

Les paires nom : valeur peuvent inclure n'importe quel type de données (y compris les chaînes de caractères, les nombres et les valeurs booléennes) et des méthodes, qui sont des fonctions incluses dans l'objet.

Les objets JavaScript sont des entités indépendantes, qui peuvent être comparés aux objets de la vie réelle.

Par exemple, un véhicule a des noms et des couleursAttributet des méthodes telles que start (démarrage) et stop (arrêt)Méthodesles objets :

Tous les véhicules ont desAttributMais chaque propriété du véhiculeLes valeurs sontDifférents.

Tous les véhicules ont desMéthodesMais ces méthodes peuvent avoirDifférentes fonctions.

Créer un objet

Les objets sont un type de données JavaScript, tout comme les nombres ou les chaînes de caractères le sont. En tant que type de données, les objets peuvent être inclus dans des variables.

Il existe plusieurs méthodes pour construire des objets en JavaScript :

• UtiliserConstante d'objetqui utilise des accolades : {}

• UtiliserConstructeur d'objetqui utilise new Object()

• Ou, vous pouvez créer d'abord uneConstructeurensuite, exemplez un objet appelant cette fonction

Dans cet exemple, nous utiliserons Littéralité d'objet (object literal)Qu'est-ce qu'une littéralité? Une valeur constante utilisée pour affecter une variable est appelée littéralité

var　user　=　{firstName:"Vishal",　lastName:"Choudhary",　age:22,　location:"New　Delhi"};

Une définition d'objet peut s'étendre sur plusieurs lignes.

var user = {
　　firstName : "Vishal",
　　lastName: "Choudhary",
　　age:　22,
　　location: "New Delhi"
};

À la fin de ce tutoriel, nous discuteronsConstructeur d'objetetConstructeur.

Propriété de l'objet

Les propriétés sont des associations entre noms et valeurs dans l'objet et peuvent contenir n'importe quel type de données.

Les propriétés sont généralement des caractéristiques de l'objet.

Accéder aux propriétés de l'objet

Il y a deux méthodes pour accéder aux propriétés d'un objet :

• La notation point : .

• les signes de parenthèse : []

Laissez-nous revenir à l'exemple d'objet originaluser.

user.firstName;

user["firstName"];

Le point et les parenthèses sont souvent utilisés. Mais, la notation point est plus rapide et plus lisible.

Méthode d'objet

Les méthodes sont des fonctions stockées comme valeurs d'attribut d'objet, donc ce sont des tâches que l'objet peut exécuter.

Les méthodes sont stockées en tant queDéfinition de la fonction.

　　var user = {
　　firstName : "Vishal",
　　lastName : "Choudhary",
　　age :　22,
　　location : "New Delhi",
　　getName : function() {
　　　return this.firstName　+　"　"　+　this.lastName;
　　}
　　};

Attention :Une méthode est une fonction stockée comme propriété.

Accéder à une méthode d'objet

Pour récupérer une méthode d'objet, vous pouvez l'appeler comme une fonction conventionnelle, en l'attachant simplement à la variable d'objet.

user.getName();

Si vous accédez à une méthode sans parentheses (), elle renverra la définition de la fonction :

user.getName;

Qu'est-ce que c'estLe mot-clé "this"？

Vous avez peut-être remarqué que nos méthodes sont un peu étranges. Prenez cet exemple :

　　getName: function() {
　　　return this.firstName　+　"　"　+　this.lastName;
　　}

Le mot-clé this fait référence à l'objet actuel dans lequel le code est écrit-Donc dans ce cas, this est équivalent àuser.

Autrement dit, this.firstName signifieCet objetla propriété firstName.

Vous pouvezJS thisTutorielLe mot-clé this en JSPour en savoir plus sur ce mot-clé.

Vous utilisez constamment les objets

Lorsque vous naviguez dans ces exemples, vous pourriez toujours penser que les points que vous utilisez sont très familiers. C'est parce que vous l'utilisez tout au long de ce tutoriel.

Chaque fois que nous parcourons des exemples utilisant des objets JavaScript intégrés.

Lorsque vous accédez au Modèle d'Objet Document avec les lignes suivantes :

　　document.write("Hello　world");
　　document.getElementById("para");

Vous utilisezClasse exemple de méthode disponible. Pour chaque page chargée, unVous utilisezClasse exemple de méthode disponible. Pour chaque page chargée, unExemple, appelédocument，qui représente la structure, le contenu et d'autres fonctionnalités de la page entière, par exemple l'URL. De même, cela signifie qu'il a plusieurs méthodes couramment utilisées/Propriétés.

new Mot-clé

Lorsque vous utilisez le mot-clé new pour déclarer une variable JavaScript, cette variable est créée en tant qu'objet :

　　var　a　=　new　Number();　　//　Déclarez a comme objet Number
　　var　b　=　new　String();　　//　Déclarez b comme objet String
　　var　c　=　new　Boolean();　　　//　Déclarez c comme objet Boolean

Évitez d'utiliserString，NumberetBooleanLes objets. Ils complexifient votre code et ralentissent son exécution.

Vous découvrirez plus d'informations sur les objets dans la partie suivante de ce tutoriel.