Definieren von Objekten im Javascript-Factory-Modus_Grundkenntnisse

Jedes Funktionsobjekt verfügt über ein Längenattribut, das die Anzahl der Parameter angibt, die die Funktion erwartet.

Code kopieren Der Code lautet wie folgt: var add =function(num1,num2,num3){ alarm(num1 num2 num3); } alarm(add.length);

Über die objektorientierte Erstellungsmethode von js,

Ziel:

Erstellen Sie ein Auftragsobjekt. Enthält drei Attribute: Datum, Betrag, Einsender Enthält eine Methode: Anzeigezeichenfolge: „XX hat eine Bestellung mit einem Betrag von XXXX Yuan am XXXX-XX-XX eingereicht“ 1 Fabrikmethode

Code kopieren

Der Code lautet wie folgt:

/* Factory-Methode: Objekte mithilfe von Methoden zurückgeben. Bei deren Verwendung ist es nicht erforderlich, neue Objekte durch neue zu generieren. */ function createOrder()//Sie können auch eine Factory-Methode mit Parametern erstellen und die Objektdaten entsprechend den übergebenen Parametern initialisieren. { var order = new Object(); Order.Date = "1990-1-1"; Order.Price = "3200"; Order.Name = "Vince Keny"; order.Show = function()//Setzen Sie die Show-Methode in die Fabrik und erstellen Sie eine Show-Methode für jede Instanz. Die Verschwendung von Ressourcen ist der Nachteil. Alert(this.Name " hat eine Bestellung mit einem Limit von " this.Price " Yuan am " this.Date " eingereicht.) } Rücksendebestellung; } //Werksmodus verwenden, um Objekte zurückzugeben: var order = createOrder(); // Sie können es auch auf diese Weise verwenden, indem Sie das Factory-Muster in einen „Pseudokonstruktor“ ändern. Da new in der Factory verwendet wird, wird der neue Operator beim Erstellen eines Objekts ignoriert var order2 = new createOrder(); Order.Show(); Order2.Show();

2 Konstruktormethode

Code kopieren

Der Code lautet wie folgt: /* In der Konstruktormethode ist die Methodendeklaration dieselbe wie in der Factory-Methode und es gibt dieselben Probleme, die auch extrahiert werden können. Der Unterschied besteht darin, dass beim Deklarieren von Attributen dies verwendet wird Und Sie müssen den neuen Operator verwenden, um eine Instanz zu generieren. */ Funktion Order() { This.Date = "1990-1-1"; This.Price = "3200"; This.Name = "Vince Keny"; This.Show = function() { Alert(this.Name " hat eine Bestellung mit dem Betrag von " this.Price " Yuan am " this.Date " eingereicht.) } }

var order = new Order(); order.Show();

Drei Prototypmethoden

Code kopieren Der Code lautet wie folgt: /* Prototyp-Methode: Prototyp verwenden */ Funktion Order() {}

Order.prototype.Date = "1990-1-1"; Order.prototype.Price = "3200"; Order.prototype.Name = "Vince Keny"; Order.prototype.Show = function() { Alert(this.Name " hat eine Bestellung mit dem Betrag von " this.Price " Yuan am " this.Date " eingereicht.) } var order = new Order(); order.Show();

Vier gemischte Konstruktor-/Prototyp-Methoden

Code kopieren Der Code lautet wie folgt: /* Gemischte Konstruktor-/Prototyp-Methode: Verwenden Sie die Konstruktor-Methode zum Initialisieren von Attributfeldern und verwenden Sie die Prototyp-Methode zum Erstellen von Methoden. */ Funktion Order() { This.Date = "1990-1-1"; This.Price = "3200"; This.Name = "Vince Keny"; } Order.prototype.Show = function(). { Alert(this.Name " hat eine Bestellung mit dem Betrag von " this.Price " Yuan am " this.Date " eingereicht.) } var order = new Order(); order.Show();

Fünf dynamische Mischmethoden

Code kopieren Der Code lautet wie folgt: /* Dynamische Hybridmethode: Der Unterschied zur Hybridmethode besteht in der Position, an der die Methode deklariert wird. Das Methodenleben wird im Konstruktor platziert, was eher der Objektorientierung entspricht. */ Funktion Order() { This.Date = "1990-1-1"; This.Price = "3200"; This.Name = "Vince Keny"; If(typeof Order._initialized == "undefiniert") { Order.prototype.Show = function(). Alert(this.Name " hat eine Bestellung mit einem Limit von " this.Price " Yuan am " this.Date " eingereicht.) }; Order._initialized = true; } }

Funktion Car(sColor,iDoors){ var oTempCar = neues Objekt; oTempCar.color = sColor; oTempCar.doors = iDooes; oTempCar.showColor = function (){ alarm(this.color) }; oTempCar zurückgeben; } var oCar1 = neues Auto("red",4); var oCar2 = neues Auto("blue",3); oCar1.showColor(); //gibt „rot“ aus oCar2.showColor(); //gibt „blau“ aus