Studieren Sie Notizen zum Anruf und bewerben Sie sich in Javascript_Javascript-Kenntnissen

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

verweist

Was 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 Test

f1.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