Javascript Odd Scoping Behavior

北战南征 提交于 2019-12-02 02:49:43

问题


I've been going through Javascript function scope and have run into this:

var scope = "global";

function f(){
    console.log(scope);

    var scope = "local";

    console.log(scope);
}

f();

Now I understand that the output of the first log is "undefined" because of how js hoists variables at the top of the function. BUT when I remove var from "var scope = "local";" the first log outputs "global" and this has got me scratching my head. Can someone explain why that is happening please? I mean doesn't js sequentially run the code? As such how can removing VAR have any impact on the first log?


回答1:


Two-pass parsing. The code will be treated as if it was

function f() {
   var scope;  // var created, but no value assigned. this overrides the earlier global
   console.log(scope);
   scope = 'local';
   console.log(scope);
}

The var's CREATION will be executed as if it was the very first bit of code executed in the function. But the actual assignment operation won't occur until where it normally would.




回答2:


Javascript sometimes behaves a bit differently from other languages. Take a look at http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html, they explain it a bit.




回答3:


If you omit the var statement, the first log uses the global variable, which is set with the string "global". There is no other local variable and no hoisting.

  1. First log: global variable scope set with "global" content
  2. Assignment of new string for the same global variable
  3. Second log: global variable scope set with "local" content


来源:https://stackoverflow.com/questions/17842244/javascript-odd-scoping-behavior

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!