Heute, als ich an einem Projekt arbeitete, habe ich die Situation begegnet, in der ich ein JavaScript -Objekt erstellen musste. Bing also einen Artikel, der von einem Ausländer über das Erstellen von JavaScript -Objekten geschrieben wurde, und las ihn dann und tippte den Code ein. Ich fühle, dass die Methode ziemlich gut ist, also werde ich sie hier mit Ihnen teilen.
1. Erstellen Sie Objekte mit Funktionen:
Die Codekopie lautet wie folgt:
// das Objekt definieren
Funktion Animal (Typ)
{
this.name = "";
this.type = Typ;
this.instroduction = function () {
Zurück "Mein Name ist:"+this.name+", ich gehöre zu"+this.type;
}
}
var Animal = neues Tier ("Geflügel"); // das oben erstellte Objekt instanziieren
Animal.Name = "Xiaohong";
alarm (Animal.Induction ()); // Rufen Sie seine Einführungsfunktion an (zu diesem Zeitpunkt wird die Seite angezeigt: Mein Name ist Xiaohong, ich gehöre zu Geflügel);
Jeder muss mit dieser Methode vertraut sein. Die Verwendung dieser Methode kann jedoch Leistungsverluste verursachen. Hier instanziieren wir das Objekt über den neuen Schlüssel. In der Tat ist der Schlüssel zu Neuen, zwei Dinge zu tun. 1. Eine anonyme Methode ist definiert. 2. Nennen Sie es. Dies ist nicht so effizient wie die Methode, die wir als nächstes einführen werden.
2. Verwenden Sie Objektliterale:
Ich weiß nicht, ob die Übersetzung korrekt ist. Ich werde Ihnen die ursprüngliche Adresse später mitteilen. Wenn Sie interessiert sind, können Sie den Originaltext lesen.
Die Codekopie lautet wie folgt:
// das Objekt definieren
var book =
{
Name: "Traum von roten Villen",
Typ: "literarische Werke",
getAuthor: function ()
{
Rückkehr: "Ich bin Cao Xueqins Kind!";
}
}
alert (book.getAuthor ()); // Rufen Sie die Objektmethode auf, und die Seite wird angezeigt: Ich bin Cao Xueqins Kind.
Book.name = "Slam Dunk"; // Objekteigenschaften ändern
Alert (Buch.Name); // Zu diesem Zeitpunkt wird die Seite angezeigt: Slam Dunk
Ich glaube, wenn Sie den Code sehen, sollten Sie verstehen, warum diese Methode effizienter ist. Denn es ist gleichbedeutend mit der Definition einer javaScript -globalen Variablen. Wir können es direkt verwenden, ohne es zu instanziieren. Aber es sieht komisch aus. Dann ist die Lösung hier. Schauen wir uns die dritte Methode an.
3.. Singleton mit einer Funktion:
In den Singleton -Modus übersetzt ist möglicherweise nicht angemessen. Schauen wir uns zuerst den Code an:
Die Codekopie lautet wie folgt:
// das Objekt definieren
var Gender = neue Funktion ()
{
this.type = "Mädchen";
this.speaking = function ()
{
zurück "ich bin"+this.type;
}
}
Alert (Gender.Speaker ();) // Die Seite wird angezeigt, wenn das Objekt verwendet wird: Ich bin ein Mädchen.
Wenn Sie sich diesen Code ansehen, ist er unserer Methode sehr ähnlich? Es kann jedoch wie Method One funktionieren. Methode 1: Verwenden Sie einmal ein Objekt und Sie müssen einmal ein Objekt erstellen. Diese Methode kann dauerhaft verwendet werden, indem einmal ein Objekt erstellt wird. Daher ist diese Methode dem Singleton -Muster im Entwurfsmuster sehr ähnlich.