Vertiefendes Verständnis des Unterschieds zwischen den Methoden apply() und call() in Javascript_Javascript-Kenntnissen

Wenn Sie noch nie mit dynamischen Sprachen in Berührung gekommen sind, wird es ein magisches und seltsames Gefühl sein, JavaScript mit der Denkweise kompilierter Sprachen zu verstehen, denn Dinge, die bewusst unmöglich sind, passieren oft und fühlen sich sogar unvernünftig an Lernen Wenn Sie im Prozess von JavaScript, einer freien und sich ständig verändernden Sprache, auf dieses Gefühl stoßen, legen Sie bitte von nun an Ihre „Vorurteile“ ab, denn dies ist definitiv ein neuer Kontinent für Sie, und lassen Sie JavaScript langsam dahinschmelzen die Vergangenheit. Schaffen Sie ein gefestigtes Programmierbewusstsein und verleihen Sie ihm neue Vitalität!

Okay, kommen wir zur Sache. Verstehen Sie zunächst die sich dynamisch ändernden Laufzeitkontexteigenschaften von JavaScrtipt. Diese Funktion spiegelt sich hauptsächlich in der Verwendung der Apply- und Call-Methoden wider.

Der Unterschied zwischen bewerben und anrufen ist nur ein Satz,

foo.call(this, arg1,arg2,arg3) == foo.apply(this, arguments)==this.foo(arg1, arg2, arg3)

call und apply sind beide Methoden von Function.prototype, die intern von der JavaScript-Engine implementiert werden. Da sie zu Function.prototype gehören, verfügt jede Funktionsobjektinstanz über Aufruf- und Apply-Attribute Methode, dann ist ihre Verwendung natürlich auf Methoden ausgerichtet. Diese beiden Methoden sind leicht zu verwechseln, da sie die gleiche Funktion haben, aber auf unterschiedliche Weise verwendet werden

Gleiche Punkte: Die beiden Methoden haben genau den gleichen Effekt

Unterschied: Die von der Methode übergebenen Parameter sind unterschiedlich Was ist dann die Funktion der Methode und welche Parameter werden von der Methode übergeben?

Lassen Sie uns den obigen foo.call(this, arg1, arg2, arg3) analysieren.

foo ist eine Methode, dies ist das kontextsensitive Objekt, wenn die Methode ausgeführt wird. arg1, arg2, arg3 sind die Parameter, die an die foo-Methode übergeben werden. Die sogenannten kontextsensitiven Objekte, wenn die Methode hier ausgeführt wird. Wenn Sie über die Grundlagen der objektorientierten Programmierung verfügen, ist dies sehr leicht zu verstehen.

im Objekt nach der Instanziierung der Klasse.

In JavaScript hat Code immer ein Kontextobjekt, und der Code verarbeitet dieses Objekt. Das Kontextobjekt wird durch die Variable this dargestellt, und diese Variable zeigt immer auf das Objekt, in dem sich der aktuelle Code befindet.

Um besser zu verstehen, was das ist, geben wir ein Beispiel.

/创建一个A类
function A(){
//类实例化时将运行以下代码
//此时的执行上下文对象就是this,就是当前实例对象
this.message = “message of a”;
this.getMessage = function(){
<SPAN style="WHITE-SPACE: pre">	</SPAN>return this.message;
<SPAN style="WHITE-SPACE: pre">	</SPAN>}
}
//创建一个A类实例对象
var a = new A();
//调用类实例getMessage方法获得message值
alert(a.getMessage());
//创建一个B类
function B(){
this.message = ”message of b”;
this.setMessage = function(msg){
<SPAN style="WHITE-SPACE: pre">	</SPAN>this.message = msg;
<SPAN style="WHITE-SPACE: pre">	</SPAN>}
}
//创建一个B类实例对象
var a = new B();

Es ist ersichtlich, dass die Klassen A und B beide über ein Nachrichtenattribut verfügen (ein Mitglied in objektorientierter Hinsicht verfügt über eine getMessage-Methode zum Abrufen der Nachricht und B über eine setMessage-Methode zum Festlegen der Nachricht). Der Anruf wird unten angezeigt.

//给对象a动态指派b的setMessage方法,注意,a本身是没有这方法的!
b.setMessage.call(a, “a的消息”);
//下面将显示”a的消息”
alert(a.getMessage());
//给对象b动态指派a的getMessage方法,注意,b本身也是没有这方法的!

Das ist die Stärke des dynamischen JavaScript-Sprachaufrufs!

Es ist einfach „aus dem Nichts gemacht“. Die Methode des Objekts kann beliebig zugewiesen werden, aber das Objekt selbst hat noch nie eine solche Methode. Beachten Sie, dass die Methode einem anderen zugewiesen wird Objekt zum Abschließen der Aufgabe. Im Prinzip ändert sich das Kontextobjekt, wenn die Methode ausgeführt wird.

B.setMessage.call(a, „a's message“); entspricht also der Verwendung von a als Ausführungskontextobjekt zum Aufrufen der setMessage-Methode des b-Objekts, und dieser Prozess hat nichts mit b zu tun Der Effekt entspricht a.setMessage(„a’s message“);

Weil bewerben und anrufen den gleichen Effekt haben, kann man sagen

Die Funktion von „Call“ und „Apply“ besteht darin, die Methoden anderer Leute zum Aufrufen auszuleihen, genau wie das Aufrufen Ihrer eigenen.

Okay, nachdem wir die Ähnlichkeiten zwischen „call“ und „apply“ verstanden haben, werfen wir einen Blick auf ihre Unterschiede. Nachdem ich die obigen Beispiele gelesen habe, glaube ich, dass Sie es wissen.

Da b.setMessage.call(a, "a's message") äquivalent zu a.setMessage("a's message") ist, ist ersichtlich, dass "a's message" als Parameter im Aufruf übergeben wird,

Wie drückt sich das in „Anwenden“ aus? Es ist nicht klar, ob es mit dem Anwendungsszenario kombiniert werden muss, um es auf einen Blick zu verdeutlichen:

function print(a, b, c, d){
alert(a + b + c + d);
}
function example(a, b , c , d){
//用call方式借用print,参数显式打散传递
print.call(this, a, b, c, d);
//用apply方式借用print, 参数作为一个数组传递,
//这里直接用JavaScript方法内本身有的arguments数组
print.apply(this, arguments);
//或者封装成数组
print.apply(this, [a, b, c, d]);
}
//下面将显示”背光脚本”
example(”背” , “光” , “脚”, “本”);

In diesem Szenario werden in der Beispielmethode a, b, c, d als von der Methode übergebene Parameter verwendet. Die Methoden verwenden apply bzw. call, um die aufzurufende Druckmethode auszuleihen,

Der letzte Satz ist darauf zurückzuführen, dass die Beispielmethode direkt aufgerufen wird, sodass das Kontextobjekt this in dieser Methode das Fensterobjekt ist.

Mit Ausnahme des ersten Parameters der Call- und Apply-Methoden, der während der Ausführung das Kontextobjekt ist, werden die anderen Parameter der Call-Methode der Reihe nach als Parameter an die geliehene Methode übergeben, während Apply nur zwei Parameter hat , der zweite Parameter. Wird als Array übergeben. Man kann ihn also als

bezeichnen

Der Unterschied zwischen den Call- und Apply-Methoden besteht darin, dass ab dem zweiten Parameter die Parameter der Call-Methode der Reihe nach als Parameter an die geliehene Methode übergeben werden, während Apply diese Parameter direkt in ein Array einfügt und sie dann übergibt Zum Schluss die Parameterliste der geliehenen Methode. Es ist dasselbe.

Anwendungsszenarien: Wenn die Parameter klar sind, können Sie call verwenden. Wenn die Parameter unklar sind, können Sie apply verwenden, um Argumente zu kombinieren

//例
print.call(window, “背” , “光” , “脚”, “本”);
//foo参数可能为多个
function foo(){
<SPAN style="WHITE-SPACE: pre">	</SPAN>print.apply(window, arguments);
}

Der obige Artikel bietet ein detailliertes Verständnis des Unterschieds zwischen den Methoden apply() und call() in JavaScript. Ich hoffe, dass er Ihnen eine Referenz geben kann Sie unterstützen Script Home.