Sehen wir uns zunächst die Erklärung des Aufrufs in MDN an
Die call()-Methode ruft eine Funktion oder Methode unter Verwendung eines angegebenen Werts und mehrerer angegebener Parameterwerte auf.
Hinweis: Die Funktion dieser Methode ähnelt der apply()-Methode. Der einzige Unterschied besteht darin, dass die call()-Methode eine Liste mit mehreren Parametern akzeptiert, während die apply()-Methode ein Array mit mehreren Parametern akzeptiert.
Grammatik
fun.call(thisArg[, arg1[, arg2[, ...]]])
Parameter
thisArg
Dieser Wert wird angegeben, wenn die Fun-Funktion ausgeführt wird. Es ist zu beachten, dass der angegebene this-Wert nicht unbedingt der tatsächliche this-Wert ist, wenn die Funktion ausgeführt wird. Wenn sich die Funktion im nicht-strikten Modus befindet, zeigt der als null und undefiniert angegebene this-Wert automatisch auf das globale Objekt (im). Browser, das ist ein Fensterobjekt), und dieses, dessen Wert ein Grundwert (Zahl, Zeichenfolge, boolescher Wert) ist, zeigt auf das automatische Umbruchobjekt des Grundwerts.
arg1, arg2, ...
Die angegebene Parameterliste.
Die Beispiele auf MDN waren anfangs nicht leicht zu verstehen, deshalb habe ich sie hier gepostet. Wenn Sie interessiert sind, können Sie sie selbst ausprobieren. Call-Javascript
Das thisArg wird hier als der angegebene this-Wert interpretiert, wenn fun ausgeführt wird. Das heißt, nach der Verwendung von call zeigt this in fun auf thisArg? Schauen Sie sich den Code an
var p="456";
function f1(){
this.p="123";
}
function f2() {
console.log(this.p);
}
f2(); //456 f2.call(f1()); //123 f2.apply(f1()); //123
Die erste Ausgabe ist die globale Variable des Aufrufs. Später zeigt diese in f2 aufgrund der Verwendung von call und apply auf f1, sodass die Ausgabe 123 wird. Tatsächlich leiht sich f1 die Methode von f2 aus und gibt sie aus eigenes p
Löschen Sie zu diesem Zeitpunkt this.p in f1(), und es werden drei 456 ausgegeben, was bestätigt, dass, wenn dies null oder undefiniert ist, tatsächlich auf die globale Variable
verweistWas den Verweis auf den Originalwert betrifft, so verweist er auf sein Verpackungsobjekt. Da die Verpackungsobjekte, die ich verstehe, nur temporär sind und der Test nur den Typ des Originalwerts anstelle des Objekts ausgibt, wie kann ich das hier beweisen? Wer weiß, ich hoffe, Sie können es mit mir besprechen, danke!
Da ein Aufruf realisieren kann, dass ein Objekt ein anderes Objekt ausleiht, kann er dann nicht auch eine Vererbung realisieren? Schauen Sie sich den Code an
function f1(){
this.father="father"
}
function f2() {
f1.call(this);
this.child="child";
} var test=new f2();
console.log(test.father); //father
Aufgrund des
in f2() gibt es keinen Vater im Testf1.call(this);
Dies zeigt hier auf f2, was bedeutet, dass f2 die Methode von f1 übernimmt, die tatsächlich die Vererbung realisiert
Lassen Sie uns hier über die Parameter sprechen. Schauen wir uns den Code an.
function f1(){
this.p="123";
}
function f2(x) {
console.log(this.p);
console.log(x);
}
f2.call(f1(),456); //123
//456
Die erste Ausgabe ist 123 aufgrund des p in f1, und die folgenden 456 sind der an f2 übergebene Parameter, was leicht zu verstehen ist
Das Wichtigste ist, auf den Unterschied zwischen den Parametern in call und apply zu achten
call wird einzeln übergeben und apply wird in einem Array übergeben
function f1(){
this.p="测试call";
}
function f2(x,y,z) {
console.log(this.p);
console.log(x);
console.log(y);
console.log(z);
}
function f3(){
this.p="测试apply";
}
f2.call(f1(),4,5,6);
f2.call(f1(),[4,5,6]);
f2.apply(f3(),[4,5,6]);
f2.apply(f3(),4,5,6);
Die Ergebnisse können Sie hier sehen
Der erste Testaufruf wird korrekt ausgegeben
Da der zweite Testaufruf in einem Array übergeben wird, gibt er zuerst ein Array und dann zwei undefinierte aus
Der dritte Abschnitt des Tests wendet die Ausgaben korrekt an
Der vierte Absatz meldet direkt einen Fehler aufgrund eines falschen Parameterformats
Der Unterschied sollte hier offensichtlich sein
