js变量声明作用域问题

1.先来看两个题

var a = 1;
foo1();
function foo1(){
    console.log(a);     //输出1
};


foo2();
var a = 1;
function foo2(){
    console.log(a);    //输出undefined
};

首先这两题中应该要注意的是函数声明的提升，也就是function foo1(){}会自动被提升到顶部，所以foo1()的
调用是可以的。第一个输出1是毫无疑问的！那么第二个实际上被js引擎解析为：

var a;
foo();
a=1;
function foo(){
    console.log(a);
};

所以在foo2()被执行的时候a还没有被赋值，所以最后输出undefined.

2.再来看看下面的例题

//1
var a = 1;
function foo(){
    a = 10;
    return;
};
foo();
console.log(a);    //输出10

//2
var a = 1;
function foo(){
    a = 10;
    return;
    var a = 2;
};
foo();
console.log(a);    //输出1

//3
var a = 1;
function foo(){
    a = 10;
    return;
    var function a(){};
};
foo();
console.log(a);    //输出1

第一个输出10应该没问题，里面给a设置成了全局变量。
而后两个则有所不同，在return语句后给定义了一个数字和函数。
在这里要说一下return！
return这一行分号后面或者隔行的语句都不会被执行，但可以被js引擎解析！
所以后两个会被解析为：

//2
var a = 1;
function foo(){
    var a;
    a = 10;
    return;
    a = 2;
};
foo();
console.log(a);


//3
var a = 1;
function foo(){
    var a;
    a = 10;
    return;
    a = function(){};
};
foo();
console.log(a);

看到这里大家就知道为什么会输出1.
foo(){}里面a是局部变量，而函数内部的局部变量会在函数执行完毕之后被销毁，
所以最终输出的还是最初定义的a，也就是1.

以上是本人的一点学习心得，多谢指教！