一直对于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；
