JavaScript javascript paramètres avec la méthode .bind()

Question

J'examine un code du livre de Kyle Simpson "Vous ne connaissez pas JS: ce & Object Prototypes" et collé sur un exemple de code, qui est écrit ci-dessous.

Quelqu'un peut-il expliquer en clair comment bar variable après l'exécution var bar = foo.bind(null, 2); morceau de code enregistre "un" paramètre en tant que 2 et où il conserve ce paramètre enregistré, et pourquoi les paramètres ne sont pas remplacés lorsque le code bar(3); s'exécute?

function foo(a, b) { 
 
    console.log(a, b); 
 
    console.log("a:" + a + ", b:" + b); 
 
} 
 

 
foo.apply(null, [1, 10]); 
 

 
var bar = foo.bind(null, 2); 
 
bar(3);

Answer 1

Vous pouvez également ajouter des paramètres supplémentaires après le 1er paramètre (ce) et bind passera dans ces valeurs à la fonction d'origine. Tous les paramètres supplémentaires que vous passerez plus tard à la fonction liée seront transmis après les paramètres liés.

Ainsi, en cas de votre exemple:

function foo(a, b) { 
    console.log(a, b); 
    console.log("a:" + a + ", b:" + b); 
} 

var bar = foo.bind(null, 2); 

Ici, nous avons seulement passé un paramètre après this paramètre de référence et qui est pour a. Si vous l'appelez comme ceci:

bar();// here a is 2 and b is undefined(no parameter passed). 

bar(3);// a is 2 and b is 3 

bar(3); est équivalent à:

foo.bind(null, 2, 3); 
bar();