Sont des variables dynamiquement ou statiquement “étendue” en javascript?

Ou plus spécifique à ce dont j'ai besoin:

Si je appeler une fonction dans une autre fonction, est-ce qu'il va tirer la variable à partir de l'intérieur de la fonction d'appel, ou à partir du niveau au-dessus? Ex:

myVar=0;

function runMe(){
    myVar = 10;
    callMe();
}

function callMe(){
   addMe = myVar+10;
}

Ce n'myVar finissent par être si callMe() est appelée par le biais de runMe()?

  • Pourquoi ne pas vous lancer et trouver?
  • N'est-il pas mieux pour documenter la question afin que d'autres puissent le voir ainsi?
  • La réponse est effectivement une bonne façon de commencer à comprendre lexicale vs dynamique portée à mon humble avis, donc c'est bien de poster entendre, mais Sasha n'est pas mauvais de rappeler les débutants que l'exécution et l'expérimentation est toujours une bonne politique.
InformationsquelleAutor kylex | 2009-06-06
  1. 46

    Jeff est juste. Notez que ce n'est pas réellement un bon test de portée statique (JS qui n'ont). Une meilleure serait:

    myVar=0;

function runMe(){
    var myVar = 10;
    callMe();
}

function callMe(){
   addMe = myVar+10;
}

runMe();
alert(addMe);
alert(myVar);

    Statiquement étendue de la langue (comme le JS), que les alertes de 10 et de 0. Le var myVar (variable locale) dans runMe ombres mondial myVar dans cette fonction. Cependant, il n'a pas d'effet dans callMe, donc callMe utilise le global myVar qui est toujours à 0.

    Dans la dynamique d'une étendue de langue (contrairement à JS), callMe héritent de la portée de runMe, donc addMe deviendrait 20. Notez que myVar serait toujours 0 à l'alerte, parce que l'alerte n'hérite pas de sa portée, soit en fonction.

    • l'exception est le " ce " mot-clé qui se comporte comme une façon dynamique d'étendue variable
    InformationsquelleAutor Matthew Flaschen
  2. 4

    si votre ligne suivante est callMe();, puis addMe sera de 10, et myVar sera de 0.

    si votre ligne suivante est runMe();, puis addMe sera de 20, et myVar sera de 10.

    Pardonnez-moi de vous poser la question: qu'est-ce que avez à faire avec statique/dynamique de la liaison? N'est-ce pas myVar simplement une variable globale, et de ne pas le code de procédure (déballer tout sur la pile d'appel) déterminer les valeurs?

    • je voulais dire la portée...
    InformationsquelleAutor Jeff Meatball Yang
  3. 3

    Variables sont statiquement étendue en JavaScript (dynamique de la portée est vraiment un joli désordre d'affaires: vous pouvez en lire plus à ce sujet sur Wikipédia).

    Dans votre cas, cependant, vous êtes en utilisant une variable globale, de sorte que toutes les fonctions auront accès à la même variable. Matthieu Flaschen de réponse montre comment vous pouvez le modifier pour que le deuxième myVar est en fait une variable différente.

    Cette Page explique comment déclarer global vs local des variables en JavaScript, dans le cas où vous n'êtes pas trop familier avec elle. C'est différent de la façon dont la plupart des langages de script le faire. (En résumé: le mot clé "var" fait une variable locale, si déclarée à l'intérieur d'une fonction, sinon la variable est globale.)

    InformationsquelleAutor xyz
  4. 1

    Sauf si vous utilisez le mot-clé var définir vos variables, tout finit par être une propriété sur la window objet. Ainsi, votre code serait équivalente à la suivante:

    window.myVar=0;

function runMe(){
    window.myVar = 10;
    window.callMe();
}

function callMe(){
   window.addMe = window.myVar+10;
}

    Si vous gardez cela à l'esprit, il doit toujours être clair ce qui se passe.

    InformationsquelleAutor Tobias Cohen
  5. 0

    Comme je le comprends, toute variable sans la var mot-clé est traitée mondiale, avec elle, son local d'étendue, de sorte que:

    //This is a local scoped variable.
var local_var = "something"; 

//This is a global scoped variable.
global_var = "something_else";

    Comme un bon JS pratique, il est recommandé de TOUJOURS ajouter le var mot-clé.

    InformationsquelleAutor jimx
  6. 0

    Je voudrais ajouter que les expressions lambda sont aussi statiquement étendue à l'emplacement que l'expression est définie. Par exemple,

    var myVar = 0;

function foo() {
    var myVar = 10;
    return { bar: function() { addMe = myVar + 10; }}
}

var myObj = foo();

var addMe = 6;
alert(addMe);

myVar = 42;
myObj.bar();

alert(addMe);

    Cela permettra d'afficher le 6 et le 20.

    InformationsquelleAutor John Henckel
  7. 0
    myVar=0;

function runMe(){
    myVar = 10;
    callMe();
}

function callMe(){
   addMe = myVar+10;
}

    Autant que la sortie est concerné myVar et addMe les deux seront une variable globale dans ce cas , comme en javascript si vous ne déclarez pas une variable var puis il déclare implicitement que le global c'est pourquoi, lorsque vous appelez runMe() puis myVar aura la valeur 10 et addMe 20 .

    InformationsquelleAutor Vikash Kumar