Maison >interface Web >js tutoriel >Décrire brièvement ce qu'est un objet JavaScript
Décrire brièvement ce qu'est un objet JavaScript
- 醉折花枝作酒筹original
- 2021-07-15 14:30:592473parcourir
En JavaScript, il n'y a que des variables et des fonctions. Les variables contiennent des données et les fonctions sont des actions spéciales effectuées. Les objets JavaScript ne sont que des variables qui contiennent des variables et des fonctions dans une unité et les encapsulent en tant qu'entités complètes.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Qu'est-ce qu'un objet JavaScript
Dans le monde de JavaScript, nous n'avons que deux choses : des variables et des fonctions.
"Les variables contiennent des données et les fonctions sont des comportements spéciaux qui seront exécutés." Les variables peuvent être de type int, string et float, ou de type objet.
"Les objets JavaScript ne sont que des variables qui contiennent des variables et des fonctions dans une unité et les encapsuleront sous forme d'entités complètes."
Comprendre les objets JavaScript
Pour comprendre les objets JavaScript, il n'est pas nécessaire de créer un gros Asp. Projet .net MVC ou Web Form. Nous pouvons le faire avec un simple fichier HTML
Étape 1. Ouvrez Visual Studio. Cliquez sur Fichier>>Nouveau>>Fichier. Sélectionnez HTML dans l'écran suivant
Étape 2. Créez un objet JavaScript comme suit.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript">
var Customer =
{
Name: 'Anan Kumar', Address: 'USA'
};
</script>
</head>
<body>
</body>
</html>Étape 3. Utilisez la syntaxe « point (.) » pour accéder aux propriétés d'un objet JavaScript, comme indiqué ci-dessous.
alert(Customer.Name);
Étape 4. Appuyez sur Cntr + S, fournissez un nom significatif et enregistrez le fichier.
Étape 5. Ouvrez le fichier HTML avec votre utilisateur préféré et testez l'application.
Array JavaScript Object
Array - défini comme une collection d'éléments du même type. La bonne nouvelle est qu'il est même possible d'utiliser des tableaux d'objets JavaScript.
Étape 1. La première étape sera la même que ci-dessus.
Étape 2. L'étape suivante consiste à créer un tableau d'objets JavaScript comme indiqué ci-dessous et à y accéder
var Customers =
[
{
Name: 'Anan Kumar', Address: 'USA'
},
{
Name: 'Rajav Kiran', Address: 'UK'
},
{
Name: 'Pappu Dabbawala', Address: 'USA'
}
];
alert(Customers[0].Name);Étape 3. Enregistrez, exécutez et testez la page.
Résumé
La couche externe de l'objet est incluse avec {} et la couche interne est séparée par, tandis que le tableau d'objets utilise []. est aussi [].
【Apprentissage recommandé : Tutoriel avancé javascript】
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!