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.
var Foo = function() {
this.counter = 0;
this.inc = function() {
this.counter += 1;
console.log(this);
};
};
var foo = new Foo();
var element = document.querySelector('#foo');
// cas #1
element.addEventListener('click', foo.inc); //=> this === element
// cas #2
element.addEventListener('click', function(){ foo.inc(); }); //=> this === element
// cas #3
element.addEventListener('click', foo.inc.bind(foo)); //=> this === foo
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
Bien sur, il ne s'agit pas du tout de recommander cette écriture. Mais d'éviter les incompréhensions que vous cherchez justement à lever et par là ne pas faire de différences entre variables et fonctions dans votre article en ce qui concerne la portée et la déclaration puisqu'il n'y en a pas
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).
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
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).
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
Cet exemple reste valide mais personnellement je ne recommande pas cette façon de faire.
Si je dois manipuler une variable locale (à une fonction) je la déclare en haut de la fonction. De toute façon c'est ce que fait l'interrupteur JavaScript.
Envoyé par lysandro
