Tutorial zur objektorientierten JavaScript-Programmierung

Die Definition eines Objekts in JavaScript ist: eine Sammlung ungeordneter Attribute, deren Attribute Grundwerte, Objekte oder Funktionen umfassen können. Sie können sich ein Objekt als eine Hash-Tabelle vorstellen, bei der es sich um eine Reihe von Name-Wert-Paaren (Schlüssel:Wert) handelt, wobei der Wert Daten oder eine Funktion sein kann. Jedes Objekt wird basierend auf einem Referenztyp erstellt.

Objekte verstehen

Im vorherigen Blog habe ich geschrieben, dass es zwei Möglichkeiten gibt, Objekte zu erstellen, eine darin besteht, eine Objektinstanz zu erstellen , und die andere besteht darin, eine Objektinstanz zu erstellen:

var person = new Object();
person.sex = man;
person.name = bluce
person.age = 58;
person.sayHi() = function(){
console.log('Hello World!');
}

, aber häufiger ist es, die folgende Methode zu verwenden:

var person = {
sex:man,
name:'bluce',
age:'58',
sayHi:function(){
console.log('Hello World!');
}
}

zum Erstellen von Objekten

Ein einzelnes Objekt kann sowohl mit dem Objektkonstruktor als auch mit der Objektliteralmethode erstellt werden, es gibt jedoch offensichtliche Nachteile: Es werden viele Objekte über dieselbe Schnittstelle erstellt eine Menge doppelten Code erzeugen. Zu den häufig verwendeten Methoden zum Erstellen von Objekten gehören Fabrikmuster, Konstruktormodell und Prototypmuster.

Ich habe hier eine Frage: Nach der Übernahme der AMD-Spezifikation kann eine einzelne geschriebene JS-Datei als Modul oder „Klasse“ betrachtet werden. Jetzt unterscheidet sie sich etwas vom Konzept der „Klasse“ in JavaScript Ich bin verwirrt, ich hoffe, ich kann die Anwendungsszenarien später klären.

Der Herausgeber stellt Ihnen hier das Tutorial zur objektorientierten JavaScript-Programmierung vor. Ich hoffe, es wird Ihnen hilfreich sein!

Lassen Sie mich Ihnen JavaScript-objektorientiertes Design hinzufügen – Factory-Muster

Das Factory-Muster ist ein bekanntes Designmuster im Bereich der Softwareentwicklung Abstrahiert die Erstellung konkreter Objektprozeduren und kann Funktionen verwenden, um die Details der Erstellung von Objekten mit bestimmten Schnittstellen zu kapseln.

Ich habe dieses Entwurfsmuster bereits in DAO in Java verwendet und es ist relativ einfach zu verstehen.

function createPerson(name,age,sex){
  var obj = new Object();
  obj.name = name;
  obj.age = age;
  obj.sex = sex;
  obj.sayHi() = function(){
    console.log(this.name);
  }; //引号不要漏掉，养成好的习惯
  return obj;
}
var person1 = createPerson("bluce",58,"man");
var person2 = createPerson("john",68,"man");

Verwenden Sie diese Funktion, um ein Personenobjekt zu erstellen, das die notwendigen Informationen basierend auf den empfangenen Parametern enthält. Diese Funktion kann unbegrenzt oft aufgerufen werden und gibt jedes Mal ein Objekt zurück, das drei Eigenschaften und eine Methode enthält. Das Factory-Muster löst das Problem der Erstellung mehrerer ähnlicher Objekte, löst jedoch nicht das Problem der Objekterkennung (wie man den Typ eines Objekts erkennt).

Das Obige ist der gesamte Inhalt dieses Kapitels. Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial!