JavaScript Closure 闭包

看几个case:

-------------------------------1. -------------------------------

<script>
var name = 1;
function test1() {
    alert(name);
    var name = 2;
    alert(name);
   
    for(var i=0; i<10; i++) {
        var j = 100;
    }
    alert(i);
    alert(j);
}
</script>

alert依次出现：undefined, 2, 10, 100

JS变量的作用范围是function级别，与Java明显不同的是，Java有block级别的变量命名空间，比如for循环中的变量出了循环之后不能再使用，但是JS不同，所有定义在同一个function（暂不说嵌套function的情况)中的变量，会覆盖外部的同名变量，而无论是在本function的哪一行声明它，如果在声明它之前访问它，其值就是unfined

 

-------------------------------2. -------------------------------

<script>
var name = 1;
function test() {
    var name = 2;
    return function() {
        alert(name);
    }
};
var name = 3;
var f = test();
f();
</script>

 

alert的结果为2，这个是典型的闭包问题

 

 

 

-------------------------------3. -------------------------------

var a = 1;
function test1() {
    alert(a);
}
function test2() {
    var a = 2;
    alert(a);
}
test2();

结果会输出1，这也是闭包的问题。

好了，总结一下2和3这两个例子，可以这样解释，在定义阶段（不是运行阶段)JS遇到一个方法的定义时，方法中使用到某些变量，解释器开始寻找这个变量定义的位置，一旦找到就会绑定到这个变量。在运行时环境中再去寻找这个变量的值。所以，方法中的变量是定义时绑定好了的，不是在运行时。