Création et accès aux compétences javascript objects_javascript

JavaScript fait rarement penser à ses fonctionnalités orientées objet. Certains 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 les objets de la plupart des 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éer et accéder à

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 quel type de données, ou une fonction ou un autre objet. 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 :

var foo = {};
foo.prop_1 = 'bar';
foo.prop_2 = false;
foo.prop_3 = function() {
return 'hello world';
}
console.log(foo.prop_3());

Dans le code ci-dessus, nous créons un objet via var foo = {}; et attribuons sa référence à foo,
Obtenez ses membres et attribuez des valeurs via foo.prop1, où {} est la méthode de représentation du littéral d'objet, ou vous pouvez utiliser var foo = new Object() pour créer explicitement un objet.
1. Utilisez des tableaux associatifs pour accéder aux membres des objets
Nous pouvons également utiliser le modèle de tableau associatif pour créer des objets. Le code ci-dessus est modifié en :

var foo = {};
foo['prop1'] = 'bar';
foo['prop2'] = false;
foo['prop3'] = function() {
return 'hello world';
}

En JavaScript, l'utilisation de l'opérateur point équivaut à une référence de tableau associatif, ce qui signifie que tout objet (y compris
ce pointeur) peut utiliser les 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 = 'prop2';
foo[some_prop] = false;

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. Lors de son utilisation réelle, nous utiliserons la méthode suivante, plus compacte et claire :

var foo = {
  'prop1': 'bar',
  prop2: 'false',
  prop3: function (){
  return 'hello world';
  }
};

Cette méthode définie est appelée l'initialiseur de l'objet. Notez que lors de l'utilisation d'un initialiseur, le fait que le nom de la propriété de l'objet soit entre guillemets est facultatif. À moins qu'il n'y ait des espaces ou d'autres caractères susceptibles de provoquer une ambiguïté dans le nom de la propriété, il n'est pas nécessaire d'utiliser des guillemets.

Ce qui précède est la méthode d'implémentation pour créer et accéder à des objets en JavaScript. J'espère que cela sera utile à l'apprentissage de chacun.