Fonction en paramètre d'une fonction, comment ça fonctionne ?

Version imprimable

Bonsoir tout le monde

J'aimerais adapter un code JavaScript au langage PureBasic, dont le tutoriel se trouve ici :
http://rembound.com/articles/how-to-...h-html5-canvas

Et le code complet ici:
https://github.com/rembound/Match-3-...ch3-example.js

L'adaptation se passe plutôt bien, mais je bloque sur un truc bizarre pour le néophyte que je suis.
J'ai du mal à comprendre ce qu'il se passe dans cette portion de code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
// Loop over the cluster tiles and execute a function
    function loopClusters(func) {
        for (var i=0; i<clusters.length; i++) {
            //  { column, row, length, horizontal }
            var cluster = clusters[i];
            var coffset = 0;
            var roffset = 0;
            for (var j=0; j<cluster.length; j++) {
                func(i, cluster.column+coffset, cluster.row+roffset, cluster);
 
                if (cluster.horizontal) {
                    coffset++;
                } else {
                    roffset++;
                }
            }
        }
    }
 
    // Remove the clusters
    function removeClusters() {
        // Change the type of the tiles to -1, indicating a removed tile
        loopClusters(function(index, column, row, cluster) { level.tiles[column][row].type = -1; });
 
        // Calculate how much a tile should be shifted downwards
        for (var i=0; i<level.columns; i++) {
            var shift = 0;
            for (var j=level.rows-1; j>=0; j--) {
                // Loop from bottom to top
                if (level.tiles[i][j].type == -1) {
                    // Tile is removed, increase shift
                    shift++;
                    level.tiles[i][j].shift = 0;
                } else {
                    // Set the shift
                    level.tiles[i][j].shift = shift;
                }
            }
        }
}

dans function loopClusters(func), apparemment il y a une fonction en paramètre ?
qu'on retrouve un peu plus loin
func(i, cluster.column+coffset, cluster.row+roffset, cluster);

Qu'est-ce que cette ligne fait exactement ?

dans function removeClusters(), il y a cet appel qui m'intrigue
loopClusters(function(index, column, row, cluster) { level.tiles[column][row].type = -1; });

Qu'est-ce que ça veut dire exactement ??

Quelqu'un pourrait m"expliquer ? me mettre sur une piste ?

07/11/2016, 23h04
danielhagnoul

La fonction loopClusters(func) doit recevoir une fonction dans le paramètre func. Cette fonction est appelée par l'instruction func(i, cluster.column+coffset, cluster.row+roffset, cluster);.

Dans le corps de la fonction removeClusters on appelle la fonction loopClusters et on lui passe en paramètre la fonction anonyme function(index, column, row, cluster) { level.tiles[column][row].type = -1; }. Cette fonction anonyme attend 4 paramètres (index, column, row, cluster), le corps de la fonction anonyme manipule l'objet level : level.tiles[column][row].type = -1;.
07/11/2016, 23h06
comtois

Je me lance, je tente une explication (merci de me corriger, c'est sûrement truffé d"erreurs)

Dans la fonction removeClusters(), on commence par appeler la fonction loopClusters(), avec en paramètre la fonction
function(index, column, row, cluster) {
level.tiles[column][row].type = -1;
}

Déjà je ne comprends pas pourquoi il y a 4 paramètres à cette fonction, si elle n'en utilise que 2 (column et row) ?

Ensuite dans la fonction loopClusters(), on appelle la fonction function(index, column, row, cluster) en précisant les paramètres à utiliser --> func(i, cluster.column+coffset, cluster.row+roffset, cluster);

Y'a de ça , ou je suis dans les choux ?

J'étais en train de me répondre, je viens seulement de lire ta réponse. Je vais la relire plusieurs fois pour être sûr de bien comprendre, mais en première lecture il me semble que je n'étais pas trop déconnant dans mon explication. MErci à toi ça me conforte dans mon analyse.

Reste à comprendre pourquoi 4 paramètres alors que la fonction anonyme n'en utilise que 2 ? Et aussi pourquoi faire un truc aussi tordu alors que ça pourrait s'écrire comme ça (en supprimant le paramètre de loopClusters ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
// Loop over the cluster tiles And execute a function
    function loopClusters() {
        For (var i=0; i<clusters.length; i++) {
            //  { column, row, length, horizontal }
            var cluster = clusters[i];
            var coffset = 0;
            var roffset = 0;
            For (var j=0; j<cluster.length; j++) {
                level.tiles[cluster.column+coffset][cluster.row+roffset].type = -1
 
                If (cluster.horizontal) {
                    coffset++;
                } Else {
                    roffset++;
                }
            }
        }
     }
 
  // Remove the clusters
    function removeClusters() {
        // Change the type of the tiles To -1, indicating a removed tile
        loopClusters();
...