Javascript - M�thode call() et apply()

Bonjour � tous.

En me formant sur JavaScript je suis tomb� sur les m�thodes call et apply dans le cadre de la modification de contexte d'une m�thode.

J'ai vu que call servait �galement pour l'h�ritage en prenant en charge l'affectation des valeurs du constructeur de l'�l�ment enfant vers le constructeur de l'�l�ment parent.

Cependant je ne comprend pas dans quel contexte l'occasion d'utiliser ces m�thodes peut �tre n�cessaire.

Avez vous des exemples d'utilisation ou des explications qui me permettrait de comprendre ces deux m�thodes ?

En vous remerciant :)

C'est plus simple que �a. fn.call et fn.apply permettent d'appeler la fonction fn en changeant son contexte d'appel, c'est-�-dire la valeur du mot-cl� this, ce sur quoi la fonction s'applique.

Par exemple:

Code:

[1,2,3].concat.call([4,5,6], [7,8,9]);

retournera [4, 5, 6, 7, 8, 9]. On prend la fonction concat de l'objet Array [1,2,3], mais on l'applique sur [4,5,6] avec l'argument [7,8,9]. Donc [1,2,3] a juste servi ici � r�cup�rer la fonction depuis son prototype. Ici �a ne sert � rien vu qu'on aurait pu aussi la r�cup�rer depuis [4,5,6], mais si par exemple tu veux appliquer la fonction concat sur un objet qui n'est pas tout � fait un Array, comme une liste d'arguments par exemple:
Code:

1 2 3 function inverseArguments(){ return [].reverse.call(arguments) } inverseArguments(1,2,3) // retourne [3, 2, 1]
Tu n'aurais pas pu faire arguments.reverse() car arguments ne poss�de pas le prototype de Array et donc la fonction reverse. Du coup on vient r�cup�rer cette fonction depuis une Array vide [] et on l'applique sur notre objet arguments.

Entre apply et call, il n'y a qu'une toute petite diff�rence : pour apply le second argument est une Array contenant les arguments � passer � la fonction, tandis que pour call il faut passer les arguments les uns � la suite des autres. apply est donc utile quand tu as une Array � disposition. Par exemple si tu as une Array de nombres et que tu veux r�cup�rer le plus grand nombre dans cette liste:

Code:

Math.max.apply(null, [1,7,5,2,9,3]); // retournera 9

Ici le contexte d'appel de Math.max n'est pas important, on a mis null comme on aurait pu mettre Math ou n'importe quoi d'autre.

Notons qu'avec ES6 et le nouvel op�rateur spread "...", on a plus vraiment besoin de apply puisqu'on peut transformer facilement une array en liste d'arguments.

Un autre cas d'utilisation:

http://www.developpez.net/forums/d10...y/#post5692818