变量、函数提升与作用域

一直对于JS的函数作用域理解不是很深，今天趁着晚上看了一晚上的资料。试着总结下。
首先来看这一个例子:

var a = 1;
    function foo() {
       if (!a) 
      { 
        var a = 2; 
      } 
      alert(a);
};
foo();

这么一个函数，开始的时候一直是认为:

• 首先声明一个对象 a=1；
• 然后运行函数foo()；因为全局变量 a=1 所以 if为flase；if条件语句不会执行;
• 警告框输出a为1；
  ——————————————
  一开始觉得自己分析还是挺合理的，后面测试了下输出却是2.
  后面了解到这里涉及到一个概念:变量提升

变量提升：顾名思义提升就是，是把下面的东西提到最上面。在函数域里定义一个和外部变量一样名称的变量时，变量的声明会提升至第一句，赋值则不会变。

所以上面一个函数就相当于：

var a = 1;
    function foo() {
         var a;
       if (!a) 
      { 
      a = 2; 
      } 
      alert(a);
};
foo();

这时候我们再按照之前的想法走一遍：

• 先声明一个变量a;
• 运行函数foo()，在函数foo()中 会先声明一个var a ;此时a未定义 为undefined；
• 进行if条件判断，结果为flase ，条件满足，运行函数 得到a=2；
• 然后输出 a=2；

这里提一点布尔类型中,undefined,null,0，NaN，和空字符串都为false。

这里，我之前一直有个疑问为什么 声明不在if 条件中声明，因为之前JAVA中if条件中的变量为局部变量，只能在if条件中生效，后面看资历了解到:

JS是不存在块级作用域的,而是只存在函数作用域，就相当于并不是看到{}就生成一个作用域.

所以这个时候if条件中的 var a=2;会提升至函数的最顶端。

Hosting 只提升了命名，没有提升定义

---

hosting 只针对于函数声明，对于函数表达式无效。

为了更好理解，看下面这个例子：

function test() { 
   foo(); 
    function foo() { 
      alert("我是例子，啦啦啦！"); 
  }
}
test();

这时运行 text()会弹出"我是例子,lalala";

function test() { 
   foo(); 
    var foo()=function foo() { 
      alert("我是例子，啦啦啦！"); 
  }
}
test();

这个时候运行text()就会报错。foo() is not function;

原因很简单，因为在第一个例子里面 function (){code} 是个声明，既然是声明就会被提升，然后运行foo()的时候就不会报错，警告框显示文字。

第二个例子由于var foo()=function foo(){code} 是个函数定义式。不会被提升,所有运行foo()的时候就会显示 foo() is not function；