Javascript函数范围和提升

Question

我刚刚阅读了一篇关于Ben Cherry的JavaScript范围和提升的精彩文章,其中他给出了以下示例:

var a = 1;

function b() {
    a = 10;
    return;

    function a() {}
}
b();
alert(a);

使用上面的代码,浏览器将发出"1"警报.

我仍然不确定它为什么会返回"1".他说的一些事情就像是:所有的功能声明都被提升到顶部.您可以使用函数来调整变量的范围.仍然没有为我点击.

Answer 1

功能提升意味着功能被移动到其范围的顶部.那是,

function b() {  
   a = 10;  
   return;  
   function a() {} 
} 

将被重复者重写为此

function b() {
  function a() {}
  a = 10;
  return;
}

很奇怪,是吗？

此外,在这种情况下,

function a() {}

表现得一样

var a = function () {};

所以,从本质上讲,这就是代码所做的事情:

var a = 1;                 //defines "a" in global scope
function b() {  
   var a = function () {}; //defines "a" in local scope 
   a = 10;                 //overwrites local variable "a"
   return;      
}       
b();       
alert(a);                 //alerts global variable "a"

Answer 2

你必须要记住的是它解析整个函数并在执行之前解析所有变量声明.所以....

function a() {} 

真的变成了

var a = function () {}

var a 强制它进入局部范围,变量范围是通过整个函数,因此全局变量仍然是1,因为你已经通过使它成为一个函数而声明了一个局部范围.

Answer 3

函数a内部悬挂功能b:

var a = 1; 
function b() { 
   function a() {} 
   a = 10; 
   return;
} 
b(); 
alert(a);

这几乎就像使用var:

var a = 1; 
function b() { 
   var a = function () {};
   a = 10; 
   return;
} 
b(); 
alert(a);

该函数在本地声明,并且a只在本地范围内进行设置,而不是全局变量.