Maison > interface Web > js tutoriel > Explication détaillée d'exemples de différentes méthodes de création d'objets en JS

Explication détaillée d'exemples de différentes méthodes de création d'objets en JS

怪我咯
Libérer: 2017-06-29 10:28:31
original
1165 Les gens l'ont consulté

Les objets

js sont différents des langages de programmation orientés objet généraux. Les objets en js sont des prototypes de base. Laissez-moi vous présenter les différentes méthodes de création d'objets en js. C'est très bien. Les amis intéressés devraient apprendre ensemble

Les objets en javascript sont différents des langages de programmation orientés objet généraux​​(c++). , Java, etc.), et même peu de gens disent que c'est un langage de programmation orienté objet car il n'a pas de classes. JavaScript n'a que des objets, pas des instances de classes. Les objets en JavaScript sont basés sur des prototypes.

1.1 Création d'opérateurs de période

L'objet en JavaScript est en fait un tableau associatif composé d'attributs, qui sont composés de noms et de valeurs. le type de valeur peut être n'importe quel type de données , ou des fonctions et autres objets.

Créer un objet simple :

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

Attribuer à foo par référence, {} est la méthode de représentation de l'objet littéral, var foo={} peut également être transmis var foo = new Object() pour créer explicitement un objet .

1.2 Créer un objet à l'aide d'un tableau associatif .

var foo = {};
foo['prop_1'] = 'bar';
foo['prop_2'] = false;
foo['prop_3'] = function() {
return 'hello world'; 
}
Copier après la connexion

L'utilisation de l'opérateur point et de la référence de tableau associatif en JavaScript est équivalente. 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 = 'prop_2';
foo[some_prop] = false;
Copier après la connexion

1.3 Utiliser l'initialiseur d'objet pour créer des objets

Généralement, nous utilisons la méthode suivante pour créer des objets lorsque nous les utilisons :

var foo = {
prop1:'bar',
prop2:false,
prop3:function(){
return 'hello world';
}
};
Copier après la connexion

Cette méthode de définition est appelée un initialiseur dérivé d'objet

1.4 Créer un objet via le constructeur .

Les objets créés précédemment sont tous jetables. Si nous voulons créer plusieurs objets planifiés, il existe plusieurs propriétés et méthodes fixes et peuvent être initialisées. Nous pouvons créer des objets complexes via des constructeurs :

function User(name,uri){
this.name = name;
this.uri = uri;
this.display = function() {
console.log(this.name);
}
}
Copier après la connexion

Ensuite, nous pouvons utiliser l'instruction new pour créer des objets.

var someuser = new User('byvoid','http://www.byvoid.com');
Copier après la connexion

Ensuite, vous pouvez accéder aux propriétés et méthodes de cet objet via un utilisateur.

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