Maison > interface Web > js tutoriel > Création et accès aux objets JS

Création et accès aux objets JS

怪我咯
Libérer: 2017-06-29 10:29:35
original
1266 Les gens l'ont consulté

Cet article présente principalement les méthodes de création et d'implémentation d'accès à objet javascript en détail. Les amis intéressés peuvent se référer à

JavaScript, auquel on pense rarement. -des fonctionnalités orientées, et certaines personnes disent même que ce n'est pas un langage orienté objet car il n'a pas de classes. Oui, JavaScript n'a pas vraiment de classes, mais JavaScript est un langage orienté objet. JavaScript n'a que des objets, et les objets sont des objets, pas des instances de classes. Étant donné que la plupart des objets dans les langages orientés objet sont basés sur des classes, les gens confondent souvent les concepts d'instances de classe et d'objets. Les objets sont des instances de classes, ce qui est vrai dans la plupart des langages, mais pas en JavaScript. Les objets en JavaScript sont basés sur des prototypes.

Création et accès

Un objet en JavaScript est en fait un tableau associatif composé d'attributs. Les attributs sont constitués de noms et de valeurs. Le type de valeur peut être n'importe lequel.

Type de données, ou fonctions et autres objets. Notez que JavaScript a les caractéristiques de la programmation fonctionnelle, les fonctions sont donc également des types de variables et la plupart du temps n'ont pas besoin d'être distinguées des types de données généraux.

En JavaScript, vous pouvez créer un objet simple en utilisant la méthode suivante :

var foo = {};
foo.prop_1 = 'bar';
foo.prop_2 = false;
foo.prop_3 = function() {
return 'hello world';
}
console.log(foo.prop_3());
Copier après la connexion
Dans le code ci-dessus, nous créons un objet via var foo = {} et l'ajoutons. référence à foo,

obtenez ses membres via foo.prop1 et attribuez une valeur, où {} est la méthode de représentation du littéral de l'objet, vous pouvez également utiliser var foo = new Object() pour explicitement
créer un objet.
1. Utiliser un tableau associatif pour accéder aux membres des objetsNous pouvons également utiliser le mode tableau associatif pour
créer des objets Le code ci-dessus est modifié pour : <🎜. >

En JavaScript, l'utilisation de l'opérateur point et de la référence de tableau associatif sont équivalentes, ce qui signifie que n'importe quel objet (y compris
var foo = {};
foo[&#39;prop1&#39;] = &#39;bar&#39;;
foo[&#39;prop2&#39;] = false;
foo[&#39;prop3&#39;] = function() {
return &#39;hello world&#39;;
}
Copier après la connexion
ce pointeur) peut utiliser ces deux modes. L'avantage d'utiliser un tableau associatif est que lorsque l'on ne connaît pas le nom d'attribut de l'objet, on peut utiliser des variables comme index du tableau associatif. Par exemple :


var some_prop = &#39;prop2&#39;;
foo[some_prop] = false;
Copier après la connexion
2. Utilisez l'initialiseur d'objet pour créer des objets

La méthode ci-dessus vous donne uniquement une compréhension de la définition des objets JavaScript. La méthode suivante, plus compacte et claire, sera utilisée :

Cette méthode définie est appelée l'initialiseur de l'objet. Notez que lors de l'utilisation d'un initialiseur, le
var foo = {
  &#39;prop1&#39;: &#39;bar&#39;,
  prop2: &#39;false&#39;,
  prop3: function (){
  return &#39;hello world&#39;;
  }
};
Copier après la connexion
nom de l'attribut d'objet

est facultatif avec des guillemets. À moins qu'il n'y ait des espaces ou d'autres caractères pouvant provoquer une ambiguïté dans le nom de l'attribut, il n'est pas nécessaire d'utiliser des guillemets.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal