Der Unterschied zwischen call() und apply() in JavaScript_Javascript-Tipps

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, lassen Sie JavaScript

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.

1. Definition der Methode

Aufrufmethode:

Syntax: call(thisObj, Object)

Definition: Rufen Sie eine Methode eines Objekts auf, um das aktuelle Objekt durch ein anderes Objekt zu ersetzen.

Beschreibung:

Mit der Aufrufmethode kann eine Methode im Namen eines anderen Objekts aufgerufen werden. Die Aufrufmethode ändert den Objektkontext einer Funktion vom Anfangskontext in das durch thisObj angegebene neue Objekt.
Wenn der Parameter „thisObj“ nicht angegeben wird, wird das globale Objekt als „thisObj“ verwendet.

Methode anwenden:

Syntax: apply(thisObj, [argArray])

Definition: Wenden Sie eine Methode eines Objekts an, um das aktuelle Objekt durch ein anderes Objekt zu ersetzen.

Beschreibung:

Wenn argArray kein gültiges Array oder kein Argumentobjekt ist, wird ein TypeError verursacht.

Wenn weder argArray noch thisObj bereitgestellt werden, wird das Global-Objekt als thisObj verwendet und es können keine Parameter übergeben werden.

--------------------------------- --- ----------------------------------

Hinweis: Die Aufruf- und Apply-Methoden sind genau gleich, außer dass Apply ein Array zum Übergeben von Parametern verwendet.

Codebeispiel:

function Animal(name) {
this.name = name;
this.showName = function() {
console.log(this.name);
};
}
function Cat(name) {
Animal.call(this, name);
}
Cat.prototype = new Animal();
function Dog(name) {
Animal.apply(this, name);
}
Dog.prototype = new Animal();
var cat = new Cat("Black Cat"); //call必须是object
var dog = new Dog(["Black Dog"]); //apply必须是array
cat.showName();
dog.showName();
console.log(cat instanceof Animal);
console.log(dog instanceof Animal); 

--------------------------------- --- --------------------------------

Anruf simulieren, diesen Ersatz anwenden

function Animal(name) {
this.name = name;
this.showName = function() {
alert(this.name);
};
};
function Cat(name) {
this.superClass = Animal;
this.superClass(name);
delete superClass;
}
var cat = new Cat("Black Cat");
cat.showName();

Zusammenfassung:

Ihre jeweiligen Definitionen:

Anwenden: Eine Methode eines Objekts anwenden und das aktuelle Objekt durch ein anderes Objekt ersetzen.

Aufruf: Rufen Sie eine Methode eines Objekts auf, um das aktuelle Objekt durch ein anderes Objekt zu ersetzen.

Was sie gemeinsam haben:

Beide „können verwendet werden, um eine Methode anstelle eines anderen Objekts aufzurufen und so den Objektkontext einer Funktion vom ursprünglichen Kontext in das durch thisObj angegebene neue Objekt zu ändern.“ – Auszug aus JScript5.5.chm

Ihre Unterschiede:

Anwenden: Es können höchstens zwei Parameter vorhanden sein – das neue Objekt this und ein Array argArray. Wenn dieser Methode mehrere Parameter übergeben werden, werden alle Parameter in dieses Array geschrieben. Selbst wenn nur ein Parameter vorhanden ist, wird dieser natürlich in das Array geschrieben. Wenn argArray kein gültiges Array oder kein Argumentobjekt ist, wird ein TypeError verursacht. Wenn weder argArray noch thisObj bereitgestellt werden, wird das globale Objekt als thisObj verwendet und es können keine Parameter übergeben werden.

Aufruf: Es handelt sich um eine direkte Parameterliste, die hauptsächlich verwendet wird, wenn sich verschiedene Methoden von js-Objekten gegenseitig aufrufen, um den aktuellen Zeiger dieser Instanz konsistent zu halten oder diesen Zeiger unter besonderen Umständen zu ändern. Wenn der Parameter „thisObj“ nicht angegeben wird, wird das globale Objekt als „thisObj“ verwendet.

Einfacher ausgedrückt sind die Funktionen von apply und call gleich, aber die Form der übergebenen Parameterliste ist unterschiedlich: Beispielsweise die entsprechende apply-Schreibmethode von func.call(func1,var1,var2,var3 ) ist: func.apply(func1,[var1 ,var2,var3])