Discussion :

[kev85270]

Bonjour � tous,
J'ai un tp � faire dans le cadre de mes �tudes en informatique.
Ci dessous, le code JavaScript.
J'ai implementer la function sub() sans trop de soucis, en revanche je doit modifier la fonction adder afin qu'elle acceptee un nombre variable d'argument tel que :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
adder()(0); // 0
adder()(1); // 0
adder(mult(2))(1); // 2
adder(mult(2), mult(2))(1); // 4
adder(mult(2), mult(2), mult(2))(1); // 6
adder(mult(2), sub(2), mult(2))(1); // 5

Mon professeur m'indique d'utiliser :
-->

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
var args = Array.prototype.slice.call(arguments);
[1,2,3].forEach(function(val){console.log(val);});

Mais je ne comprend pas trop.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function adder(l,r){
  return function(v){
    return l(v) + r(v);
  }
}
 
function mult(v){
  return function(e){
    return v*e;
  }
}
function sub(x,y)
{
        return x-y;
}
console.log(adder(mult(2), mult(4))(2));
console.log(sub(0,0));
console.log(sub(2,1));
console.log(sub(2,2));
console.log(sub(2,4));

Pouvez vous m'aider s'il vous plait ?
Merci d'avance.

[SylvainPV]

Ton prof t'a donn� tout ce dont tu as besoin
La premi�re ligne r�cup�re les arguments pass�s dans la fonction en cours sous forme d'Array.
La seconde montre comment ex�cuter facilement une fonction sur chaque �l�ment d'un Array. Bien qu'une boucle for fait tout aussi bien dans ton cas.

[SpaceFrog]

Je ne suis pas fan du prototype ...
personnellement quand j'ai besoin de passer un nombre d'arguments variable je passe un json ...

[SylvainPV]

fan du prototype ? tu veux dire caster les arguments en Array ? Je ne vois quel est le probl�me avec �a. Ca me parait tout � fait appropri� pour le probl�me de la calculatrice en notation polonaise.

[SpaceFrog]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

Array.prototype

je n'aime pas surcharger, j'ai eu trop de surprises pars le pass�

j'ai juste pris l'habitude des passer un json en param�tre ce qui me parait beaucoup plus souple et moins contraignant et ne g�n�re aucune surprise par la suite

[SylvainPV]

Mais ici on ne surcharge rien du tout. On appelle simplement la fonction slice issue du prototype d'Array pour obtenir les arguments de la fonction sous la forme d'une Array. C'est quelque-chose de tout � fait courant

[SpaceFrog]

en effet pas de surcharge... c'est juste prototype qui me colle des boutons ...

[SylvainPV]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var args = [].slice.call(arguments);

Ca va mieux

[SpaceFrog]

oui ^^ merci

[kev85270]

Je ne comprend vraiment pas comment faire
Je met le tableau ici, en placant arguments en parametre de la fonction, est-ce bon ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
 
function adder(arguments){
var args = Array.prototype.slice.call(arguments);
 
	return function(v){
    return l(v) + r(v);
}

[SylvainPV]

arguments contient la liste des arguments pass� en fonction, il est inutile de l'indiquer dans la d�claration. Peut-�tre que ceci vous mettra sur la voie :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
 
function adder(){
var args = Array.prototype.slice.call(arguments);
 
for(var a=0; a<args.length; a++){
      alert(args[a]);
}
 
}
 
adder(1,2,3);

[Watilin]

Moi aussi le prototype m'ennuie, mais pour une autre raison. �a me d�range d'avoir recours � la m�thode slice alors qu'au final on ne slice pas le tableau.

Les navigateurs pas trop vieux proposent des m�thodes g�n�riques pour Array, notamment une version g�n�rique de forEach. �a fait du code plus court :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
function adder() {
  …
  Array.forEach(arguments, function(arg) {
    …
  });
  …
}

La m�thode reduce est � mon go�t la plus �l�gante pour r�soudre ce genre de probl�me, mais elle est peut-�tre un peu difficile � comprendre au d�but. Il y a aussi map qui peut �tre int�ressante.

[SylvainPV]

Oui c'est s�r que Array.reduce est plus appropri� ici, il suffit d'�crire

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
function adder() {
  return [].reduce.call(arguments, function(res, arg){ return res+arg; });    
}

Je pense que le prof a parl� du slice car c'est un moyen g�n�rique de r�cup�rer les arguments sous forme de vraie Array ; le genre de trucs qu'on peut r�utiliser partout sans risques.

[Watilin]

reduce aussi a une version g�n�rique :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
function adder() {
  return Array.reduce(arguments, function(res, arg){ return res + arg; });    
}

Dans l'enseignement on s'en fout que �a marche sous IE4, l'important c'est que l'�l�ve comprenne. Et quitte � enseigner une technologie qui �volue rapidement telle que JavaScript, autant enseigner les pratiques modernes.

Tiens tant qu'� faire, on a les fonctions lambda :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

function adder() Array.reduce(arguments, function(res, arg) res + arg);

Ou m�me carr�ment les fonctions arrow du futur standard ES6 :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

function adder() => Array.reduce(arguments, (res, arg) => res + arg);

[SylvainPV]

Dans l'enseignement on s'en fout que �a marche sous IE4, l'important c'est que l'�l�ve comprenne. Et quitte � enseigner une technologie qui �volue rapidement telle que JavaScript, autant enseigner les pratiques modernes.

Oui mais non. Assurer le support des anciens navigateurs, �a fait partie de l'enseignement. Je n'ai pas trop envie de voir d�barquer un stagiaire dans ma bo�te qui commence � coder en ES6 sans savoir ce qu'est un polyfill. A ce niveau l� de l'enseignement, on pr�pare l'�l�ve au monde de l'entreprise. Et dans le monde de l'entreprise, il n'y a pas beaucoup de monde qui peut se permettre le luxe de l�cher le support d'IE8.

Par ailleurs, les versions g�n�riques des m�thodes d'Array ne font pas partie des normes EcmaScript5 (voir https://developer.mozilla.org/en-US/...eneric_methods).

[Kaamo]

Et pour l'onanisme intellectuel, cette technique a un nom : le Currying (Curryfication en fran�ais)