Heim > Web-Frontend > js-Tutorial > Hauptteil

Einfache Implementierungsmethode der JavaScript-Objektkapselung (3 Methoden)

高洛峰
Freigeben: 2017-01-04 09:39:02
Original
1313 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die einfache Implementierungsmethode der JavaScript-Objektkapselung. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Javascript wird in HTML, Rich Client, WebGL in HTML5 usw. immer leistungsfähiger. Aber wenn wir Javascript schreiben, neigen wir dazu, sehr locker zu sein, und die Verwendung der Objektkapselung ist hervorragend. Hier sind drei Möglichkeiten, Objekte in Javascript zu erstellen.

1. Verwenden Sie das Schlüsselwort new, um ein Objekt zu erstellen

function Person(name, age) {
 this.name = name;
 this.age = age;
}
var p = new Person();  // 也可填充初始化属性,如new Person("lingceng", 22)
Nach dem Login kopieren

2. Verwenden Sie Object, um ein Objekt direkt zu erstellen

Wie Sie sehen, ist diese Methode sehr praktisch zu erweitern.

var obj = new Object(); // 这里也可写成 var = {};
obj.name = "lingceng";
obj.age = 22;
Nach dem Login kopieren

3. Verwenden Sie JSON zum Erstellen (Objektliterale sind genauer, aber JSON ist einfacher zu verstehen)

Ab Javascript 1.2 gibt es eine schnellere Möglichkeit, Objekte zu erstellen.

var p = {
 name: "lingceng", // "name":"lingceng这样加引号解析方式相同
 gender: "male"
};
Nach dem Login kopieren

Praktische Methode

Die Methode zum Erstellen von Objekten durch Kombination von Konstruktoren und Prototypmustern eignet sich sehr gut für die Praxis.

function Person(name,age)
{
  // 实例属性
  // 实例时多份拷贝
  this.name=name;
  this.age=age;
}
Person.prototype={
  // 因为原型被替换,所以需要恢复construtor的默认指向
  constructor: Person,
  showName:function(){
    alert("ShowName in prototype:"+this.name);
  },
  showAge:function(){
    alert(this.age);
  }
}
var p = new Person("lingceng", 22);
p.showAge(); // 22
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für alle in der JavaScript-Programmierung hilfreich sein wird.

Für einfachere Implementierungsmethoden (3 Methoden) der JavaScript-Objektkapselung beachten Sie bitte die chinesische PHP-Website!


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