Discussion :

[vermine]

Wassim Chegham est un fervent défenseur des technologies Web front et suit de près les versions ECMAScript. Aujourd'hui, il nous propose un article sur les fonctions JavaScript et leurs aspects parfois complexes.

Cet article parle de la boucle d'événements, du callback, des fonctions anonymes, etc.

JavaScript pour les Jedis, épisode I : au cœur des fonctions

N'hésitez pas à lui faire part de vos remarques et commentaires.

[wchegham]

Merci Xavier pour la pub

[SylvainPV]

Merci à toi pour l'article Wassim

Quand vous aurez tout lu attentivement, vérifiez vos connaissances avec le quiz sur les fonctions sorti récemment.

[danielhagnoul]

VIII-D-4. Invocation via apply() ou call()


Je trouve que "l'exemple plus intéressant" requiert une meilleure présentation.

Code JavaScript :

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
function forevery( list, callback ) {
    var i = 0,
        n = list.length;
 
    for ( i = 0; i < n; i++ ) {
 
        /*
         * Exécute fonction( index ) dans le
         * contexte de l'objet list.
         * argument : i
         */ 
        callback.call( list, i ); 
    };
}
 
forevery( [ 'a', 42, false, {} ], function( index ) {
 
    // console, touche F12
 
    console.log( "index = ", index );
    console.log( "this = ", this );
    console.log( "this[ index ] = ", this[ index ] );
    console.log( "this[ index + 1 ] = ", this[ index + 1 ] );
    console.log( "this[ index - 1 ] = ", this[ index - 1 ] );
 
    /*
     *  index =  0
     *  this =  ["a", 42, false, Object]
     *  this[ index ] =  a
     *  this[ index + 1 ] =  42
     *  this[ index - 1 ] =  undefined
     *  
     *  index =  1
     *  this =  ["a", 42, false, Object]
     *  this[ index ] =  42
     *  this[ index + 1 ] =  false
     *  this[ index - 1 ] =  a
     *  
     *  etc.
     */
});

[Kaamo]

Point VII. :

la portée d'une variable existe depuis sa déclaration*, et ce jusqu'à la fin de la fonction dans laquelle elle a été déclarée, peu importe l'imbrication des blocs (variables declaration hoisting) ;

Peut-être préciser/insister * avec le mot clé var.

Beau boulot en tout cas. Par contre, je pense que ça permet de devenir un padawan pour le moment. Jedi quand assimilé les closures, tu auras

[lysandro]

Il me semble que c'est inexact. Une variable est utilisable dans sa portée de déclaration comme une fonction. C'est à dire même avant l'apparition de 'var' dans le source (variable declaration hoisting).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function foo () {
	a = 1; // ne crée pas de variable globale
	       // parce que 'a' est déclaré dans la portée (la fonction)
	var a; // déclaration de 'a'
}
foo();
// ici la variable 'a' n'existe pas