Maison > interface Web > js tutoriel > JavaScript orienté objet - création d'objets simples et d'objets JSON

JavaScript orienté objet - création d'objets simples et d'objets JSON

黄舟
Libérer: 2017-01-19 15:03:42
original
1263 Les gens l'ont consulté

JavaScript est un langage de programmation basé sur les objets, et son essence est en fait orientée objet. La caractéristique des langages orientés objet est qu'ils ont tous le concept de classes, à travers lequel un nombre illimité d'objets ayant les mêmes propriétés et méthodes peuvent être créés. Mais il n'y a pas de concept de classe en JavaScript. Les objets en JavaScript sont généralement appelés objets prototypes. Nous pouvons créer des objets directement via Object. Par exemple, le code suivant :

var person = new Object();
person.name = "张三";
person.age = 20;
person.say = function(){
  alert(this.name+","+this.age);
}
Copier après la connexion

Dans le code ci-dessus, un objet personne est simplement créé via Object, puis 2 propriétés et 1 méthode sont définies pour l'objet personne.

Le plus gros problème causé par les objets créés de la manière ci-dessus est qu'il n'y a pas de contrainte de classe, donc l'objet ne peut pas être réutilisé et il n'y a pas d'accord, ce qui entraînera des problèmes de fonctionnement.

Objet Json

Nous ne pouvons pas transmettre un objet JavaScript sur le réseau, seules les chaînes peuvent être transmises sur le réseau. Une méthode réalisable de transmission d'objets consiste à écrire les objets au format XML pour la transmission, par exemple :

<?xml version="1.0" encoding="utf-8"?>
<preson>
  <id>1</id>
  <name>张三</name>
  <age>20</age>
</person>
Copier après la connexion

Cependant, lors de l'utilisation du format XML pour la transmission de données, un grand nombre de chaînes de balises supplémentaires seront générées lors de la transmission. le processus de transmission. , une telle efficacité de transmission n’est évidemment pas élevée. Afin de résoudre ces problèmes, les gens ont développé un autre format d'objet chaîne : le format d'objet Json.

Le nom complet de Json est une notation d'objet simple javascript, qui est un format d'échange de données simple. L'objet Json est un objet JavaScript, mais il omet les balises en XML et utilise {} pour compléter la description de l'objet.

Le format Json définit les attributs via le nom de l'attribut : la valeur de l'attribut. Les différents attributs sont séparés par des virgules (,). Par exemple, le code suivant définit un objet personne au format Json.

var person = {
  name : "张三",
  age:23,
  say:fuction(){
    alert(this.name+","+this.age);
  }
}
Copier après la connexion

Les propriétés et méthodes à appeler sur l'objet personne sont les mêmes que celles utilisées sur les objets JavaScript ordinaires, par exemple :

// 调用person的say方法
person.say();
Copier après la connexion

On peut également créer un tableau d'objets via Json. La méthode de création Tout comme les tableaux JavaScript.

var ps = [
  {name:"Leon",age:22},
  {name:"Ada",25}
];
Copier après la connexion

Après avoir terminé la création du tableau, nous pouvons également parcourir les objets Json du tableau.

for(var i = 0; i < ps.length; i++){
  alert(ps[i].name);
}
Copier après la connexion

Ce qui précède est orienté objet JavaScript - la création d'objets simples et le contenu d'objets JSON Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !


É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