DokuWiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
|<- [[jsfn:Using anonymous closures]]|[[jsfn:Creating and namespacing modules]] ->|

=== 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.

<code>
function chose() {
  var chose_nom = 'chaise';
  function autre_chose() {
    //var chose_nom = 'table';
    console.log('chose = '+chose_nom); // chose = chaise
  }
  autre_chose();
}
chose();
</code>

==hoisting exampe==

<code>
function chose() {
  console.log('chose = '+chose_nom); // chose = undefined
  var chose_nom = 'chaise';
}
chose();
</code>

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 :

<code>
function chose() {
  var chose_nom;
  console.log('chose = '+chose_nom); // chose = undefined
  chose_nom = 'chaise';
}
chose();
</code>

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 !**
<code>
ma_fonction();
function ma_fonction() {
  console.log("bonjour");
}
</code>