Maison  >  Article  >  interface Web  >  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

怪我咯
怪我咯original
2017-06-29 10:28:311140parcourir

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());

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'; 
}

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;

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';
}
};

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);
}
}

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

var someuser = new User('byvoid','http://www.byvoid.com');

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!

Déclaration:
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