Heim > Web-Frontend > js-Tutorial > JavaScript objektorientiert – Erstellung einfacher Objekte und JSON-Objekte

JavaScript objektorientiert – Erstellung einfacher Objekte und JSON-Objekte

黄舟
Freigeben: 2017-01-19 15:03:42
Original
1242 Leute haben es durchsucht

JavaScript ist eine objektbasierte Programmiersprache und ihr Wesen ist tatsächlich objektorientiert. Das Charakteristische an objektorientierten Sprachen ist, dass sie alle über das Konzept von Klassen verfügen, durch die beliebig viele Objekte mit gleichen Eigenschaften und Methoden erstellt werden können. In JavaScript gibt es jedoch kein Klassenkonzept. Objekte werden in JavaScript normalerweise als Prototypobjekte bezeichnet. Zum Beispiel der folgende Code:

var person = new Object();
person.name = "张三";
person.age = 20;
person.say = function(){
  alert(this.name+","+this.age);
}
Nach dem Login kopieren

Im obigen Code wird einfach ein Personenobjekt über Object erstellt und dann werden 2 Eigenschaften und 1 Methode für das Personenobjekt festgelegt.

Das größte Problem, das durch die auf die oben beschriebene Weise erstellten Objekte verursacht wird, besteht darin, dass es keine Klassenbeschränkung gibt, sodass das Objekt nicht wiederverwendet werden kann und keine Vereinbarung besteht, was zu Betriebsproblemen führt.

Json-Objekt

Wir können kein JavaScript-Objekt über das Netzwerk übertragen, es können nur Zeichenfolgen über das Netzwerk übertragen werden. Eine praktikable Methode zum Übertragen von Objekten besteht darin, die Objekte für die Übertragung im XML-Format zu schreiben, zum Beispiel:

<?xml version="1.0" encoding="utf-8"?>
<preson>
  <id>1</id>
  <name>张三</name>
  <age>20</age>
</person>
Nach dem Login kopieren

Bei der Verwendung des XML-Formats für die Datenübertragung wird jedoch eine große Anzahl zusätzlicher Tag-Strings generiert Der Übertragungsvorgang ist offensichtlich nicht hoch. Um diese Probleme zu lösen, haben Menschen ein anderes String-Objektformat entwickelt: das Json-Objektformat.

Der vollständige Name von Json ist Javascript Simple Object Notation, ein einfaches Datenaustauschformat. Das Json-Objekt ist ein JavaScript-Objekt, aber es lässt die Tags in XML weg und verwendet {}, um die Beschreibung des Objekts zu vervollständigen.

Das Json-Format definiert Attribute durch Attributnamen: Attributwerte werden durch Kommas (,) getrennt. Der folgende Code definiert beispielsweise ein Personenobjekt im Json-Format.

var person = {
  name : "张三",
  age:23,
  say:fuction(){
    alert(this.name+","+this.age);
  }
}
Nach dem Login kopieren

Die Eigenschaften und Methoden, die für das Personenobjekt aufgerufen werden sollen, sind die gleichen wie für gewöhnliche JavaScript-Objekte, zum Beispiel:

// 调用person的say方法
person.say();
Nach dem Login kopieren

Wir können auch ein Objektarray erstellen über Json. Die Erstellungsmethode Genau wie JavaScript-Arrays.

var ps = [
  {name:"Leon",age:22},
  {name:"Ada",25}
];
Nach dem Login kopieren

Nach Abschluss der Erstellung des Arrays können wir auch die Json-Objekte im Array durchlaufen.

for(var i = 0; i < ps.length; i++){
  alert(ps[i].name);
}
Nach dem Login kopieren

Das Obige ist JavaScript-objektorientiert – die Erstellung einfacher Objekte und der Inhalt von JSON-Objekten. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (m.sbmmt.com)!


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage