Question d'entretien : méthode d'appel en JavaScript

Titre :

function fn(a,b){
    console.log(this);
    console.log(a);
    console.log(a+b);
}
fn.call(1);
fn.call.call(fn);
fn.call.call.call(fn,1，2);
fn.call.call.call.call(fn,1,2，3);

Réponse :
fn.call(1); // 1,undefined,NaN
fn.call.call(fn); fn,undefined,NaN
fn.call.call.call(fn,1,2); // 1,2,NaN
fn.call.call.call.call(fn,1,2,3) ); // 1,2,5

Idées approfondies de résolution de problèmes :
fn.call(1); le premier paramètre de call modifie le mot-clé this dans la fonction avant l'appel afin qu'il soit généré. 1; after Il n'y a pas de paramètres, donc a et b ne sont pas définis, et le résultat de l'addition est NaN
fn.call.call(fn); fn.call trouve la méthode d'appel sur Function.prototype (c'est aussi une fonction et une instance de la classe de fonction
, et vous pouvez également continuer à appeler call/apply et d'autres méthodes. Nous pouvons considérer fn.call comme). une fonction A puis connect Ce qui suit est égal à A.call(fn), où
exécute la méthode d'appel, change le mot-clé this dans A en fonction fn, puis exécute la fonction A (fn.call) ; >fn.call.call.call(fn,1,2); Grâce à la méthode de chaîne de prototype précédente, nous pouvons considérer fn.call.call.call comme une exécution A(fn.call.call).call, qui est enfermée dans
Le paramètre fn a été exécuté en fonction, il devient donc une exécution A.call(1,2) ! 1 est utilisé comme premier paramètre pour modifier cela dans la fonction avant l'appel, et les paramètres suivants sont transmis comme paramètres réels aux paramètres formels de la fonction !
fn.call.call.call.call(fn,1,2,3); Même principe que ci-dessus !

Résumé général :
Si vous ne le comprenez pas bien, vous pouvez également vous rappeler de ce conseil général :
Lorsque vous rencontrez deux appels ou plus, le premier paramètre est exécuté. Chaque paramètre doit être un. function;
Le deuxième paramètre consiste à modifier cela dans le premier paramètre
Le troisième paramètre et les suivants sont transmis au premier paramètre en tant que paramètres réels.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!