jsfn:understanding_hoisting_and_variable_scope
Déterminer le scope des variables
- scope : espace ou une variable est accessible
- block scope : scope déterminer par des {}
- function scope : scope déterminé par les limites d'une fonction. Toute fonction créé par avec le mot-clé var est locale au sein de la fonction. Une variable créée au sein d'une fonction parente est accessible au sein d'une fonction enfant.
- chaine de scope (scope chain) : défini le comportement de javascript lorsqu'il ne peut trouver l'objet demandé dans la fonction actuelle : JavaScript va regarder dans les fonctions parentes
- Toute variable créée sans le mot-clé avr est une variable globale : danger !
- variable definitions are hoisted (hissées, élevées). C'est à dire qu'au moment où le code est processé; JavaScript hisse les déclarations de variables en tête de bloc (mais pas les assignations !). Des variables peuvent donc exister avant même que vous les utilisiez.
function chose() {
var chose_nom = 'chaise';
function autre_chose() {
//var chose_nom = 'table';
console.log('chose = '+chose_nom); // chose = chaise
}
autre_chose();
}
chose();
hoisting exampe
function chose() {
console.log('chose = '+chose_nom); // chose = undefined
var chose_nom = 'chaise';
}
chose();
Le code ici ne génère pas d'erreur : la déclaration est hissée en tête de bloc fonction et existe donc avec la valeur undefined lorsqu'elle est appelé avant d'être d'être assignée.
En gros le code devient :
function chose() {
var chose_nom;
console.log('chose = '+chose_nom); // chose = undefined
chose_nom = 'chaise';
}
chose();
Note : cela permet d'utiliser une fonction avant sa déclaration. ça n'est pas pour autant une bonne pratique et peut amener d'autres problèmes !
ma_fonction();
function ma_fonction() {
console.log("bonjour");
}
jsfn/understanding_hoisting_and_variable_scope.txt · Last modified: 2016/01/31 22:28 by leo