„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Was sind die Prinzipien der grundlegenden Objekt- und Funktionsverkettung in JavaScript?

Was sind die Prinzipien der grundlegenden Objekt- und Funktionsverkettung in JavaScript?

Veröffentlicht am 08.11.2024
Durchsuche:669

What Are the Principles of Basic Object and Function Chaining in JavaScript?

Grundlegendes zur Objekt-/Funktionsverkettung in JavaScript verstehen

Funktionsverkettung ist eine Programmiertechnik, die es Entwicklern ermöglicht, eine Abfolge von Vorgängen zu erstellen, die in einer bestimmten Reihenfolge ausgeführt werden. In JavaScript wird dies durch eine Kombination aus der Rückgabe der Funktion selbst und der Verwendung des Schlüsselworts this erreicht.

Um die Prinzipien der Verkettung zu verstehen, schauen wir uns ein funktionierendes Beispiel an:

var one = function(num) {
    this.oldnum = num;

    this.add = function() {
        this.oldnum  ;
        return this;
    }

    if (this instanceof one) {
        return this.one;
    } else {
        return new one(num);
    }
}
var test = one(1).add().add();

In diesem Beispiel wird die Eins-Funktion mit einer Zahl konstruiert. Es definiert eine Add-Funktion, die die oldnum-Eigenschaft erhöht und diese zurückgibt. Die if-Anweisung prüft, ob die Funktion als Konstruktor aufgerufen wird (mit new) und gibt andernfalls eine neue Instanz von one zurück.

Der Ausdruck one(1).add().add() beginnt mit der Erstellung einer neues Objekt mit einem Anfangswert von 1. Anschließend wird die Add-Funktion zweimal für dieses Objekt aufgerufen, wodurch die Eigenschaft oldnum jedes Mal erhöht wird. Schließlich enthält die Variable test das Ergebnis, bei dem es sich um das eine Objekt handelt, bei dem oldnum auf 3 gesetzt ist.

Im Gegensatz dazu wird das folgende Beispiel nicht korrekt verkettet:

var gmap = function() {

    this.add = function() {
        alert('add');

        return this;
    }

    if (this instanceof gmap) {
        return this.gmap;
    } else {
        return new gmap();
    }

}
var test = gmap.add();

Hier gibt die gmap-Funktion dies nicht innerhalb ihrer Methoden zurück, sodass die Verkettung unterbrochen ist. Der Ausdruck gmap.add() versucht, die Add-Methode für die Gmap-Konstruktorfunktion selbst aufzurufen, was nicht wie beabsichtigt funktioniert.

Der Schlüssel zur erfolgreichen Verkettung ist die Verwendung des Schlüsselworts this, das auf die verweist aktuelles Objekt. Indem er dies von den Methoden zurückgibt, kann der Aufrufer erneut auf das Objekt zugreifen und die Abfolge von Operationen fortsetzen.

Verkettung kann eine leistungsstarke Technik zum Schreiben von prägnantem und ausdrucksstarkem Code in JavaScript sein. Durch das Verständnis der oben beschriebenen Prinzipien können Entwickler die Verkettung effektiv nutzen, um die Funktionalität ihrer Anwendung zu verbessern.

Freigabeerklärung Dieser Artikel wird reproduziert unter: 1729726477 Wenn ein Verstoß vorliegt, wenden Sie sich bitte an [email protected], um ihn zu löschen.
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3