Einführung in Codebeispiele der Apply-Methode und Call-Methode von JavaScript-Funktionen

Als ich kürzlich die Methode $.each von jQuery verwendete, dachte ich plötzlich an $.each($('p'),function(index,entity) {}); Wo sind der Index und die Entität aufgetreten, und sie sind entbehrlich, und sie können uns den Index und die Instanz der aktuellen Durchquerung mitteilen. Also habe ich mir den jQuery-Quellcode angesehen und er wurde so geschrieben:

Beim Debuggen habe ich den rot markierten Code verwendet. und dann callback.call this function verwendet, also habe ich mir „jsAdvanced Programming“ angesehen, das eine relativ ausführliche Erklärung enthält.

Zuallererst ist die Funktion ein Zeiger auf das Function-Objekt, und der Funktionsname ist ein Zeiger auf die Funktion. Dann gibt es innerhalb des Funktionskörpers einen Bereich, der das Schlüsselwort this ist.

Dieses Schlüsselwort bezieht sich auf den Bereich, in dem die Funktion ausgeführt wird. Zum Beispiel

<script type="text/javascript">
        function funcA() {
            alert(this);
            alert("Function A");
        }
</script>

Die Funktion funcA im obigen Code ist in der globalen Umgebung definiert, dann ist dies der Funktionskörper das Fensterobjekt.

Jetzt ist es an der Zeit, den Anruf und die Bewerbung zu erklären. Nehmen Sie als Beispiel die Aufruffunktion. Der erste Parameter des Aufrufs besteht darin, den Umfang der Funktion zu ändern. Die folgenden Parameter sind die erforderlichen Parameter, die mit den Parametern des Originals übereinstimmen müssen Funktion. Zum Beispiel:

<script type="text/javascript">
        var testO = { name: "Lily" };
        function funcA(a,b) {
            alert(this);
            alert("Function A");
        }

        function funcB(a, b) {
            funcA.call(testO, a, b);
        }

        funcB(1,2);  //this变成了testO
    </script>

In der Definition der Funktion funcA haben wir die Ausrichtung dieser Funktion in funcA geändert, jetzt jedoch zeigt auf den ersten Parameter testO des Aufrufobjekts. Da die Funktion funcA beim Aufrufen zwei Parameter hat, müssen Sie, wenn Sie möchten, dass funcA Parameter übergibt, die Parameter einzeln angeben, dh die nächsten beiden Parameter a und b, oder Sie können einfach den ersten Parameter übergeben

Das heißt: funcA.call(testO); oder einfach pass a, das heißt: funcA.call(testO,a);

Der einzige Unterschied zwischen apply und call ist der zweite Parameter von apply können in der FormArray vorliegen, und es ist nicht erforderlich, die Parameter einzeln anzugeben, funcA.apply(testO,[a,b])

Was soll ich nach der Einführung in die grundlegende Verwendung von Call und Apply sagen? Es wird gesagt, dass der eigentliche Nutzen der beiden Brüder darin besteht, den Umfang der Funktion zu erweitern.

<script type="text/javascript">
        window.color = "透明";
        var testObj = { color: "红色" };

        function testFuc() {
            alert(this.color);
        }

        $(function () {
            1.testFuc(); //弹出“透明”
            2.testFuc(this); //弹出“undefined”
            3.testFuc.call(this.parent); //弹出“透明”
            4.testFuc.call(window); //弹出“透明”
            5.testFuc.call(testObj); //弹出“红色”
        });
</script>

Der obige Code demonstriert die Funktion von call. Im ersten Funktionsaufruf zeigt dies auf das Fenster, sodass das FarbAttribut des Fensters angezeigt wird.

Einige Freunde denken vielleicht, dass die zweite Funktion ebenfalls transparent angezeigt wird, aber stellen Sie bitte zunächst sicher, dass unsere Funktion in $(function(){}); ausgeführt wird. Diese jQuery-Funktion ist bei Freunden sehr beliebt Kennen Sie jQuery? Der Umfang davon in

$(function(){}); verweist auf document, und dann rufen wir testFunc auf, um die Farbe des Dokuments anzuzeigen ist natürlich undefiniert.

Die dritte Funktion verweist auf das übergeordnete Fenster des Dokuments. Natürlich ist es kein Problem, die Farbe des Fensters anzuzeigen.

Die vierte Funktion ist einfacher. Das Fenster wird übergeben.

Die fünfte Funktion weist testFunc auf testObj hin und erscheint rot.

Da wir nun darüber gesprochen haben, sollte jeder seine Verwendung verstehen, aber wie man es versteht und verwendet, hängt von Ihrer eigenen Routine ab.

So verstehe ich es. Diese Verwendung kann als generische Methode in C# oder Java angesehen werden. Beispielsweise ermöglicht uns die Definition einer C#-Methode

public void Test<T>(T a, T b) { }

, die Methode zu erweitern und universelle Zwecke zu erreichen.

Das obige ist der detaillierte Inhalt vonEinführung in Codebeispiele der Apply-Methode und Call-Methode von JavaScript-Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!