从javascript一道闭包面试题说开去-创新互联

var a = 1;
function test(){
    a= 2;
return function(){
        console.log(a);
    }
var a = 3;
}
test()();

当时我回答出来了正确答案，但是在一系列追问之下露出了狐狸的尾巴。答案是2

我当时认为test执行之后，a=2赋值给了全局，那么返回function时那里的a指的是window.a，就是2了。

实际上var a=3这一句是陷阱。 由于变量提升 a=2之前有一个var a的声明，这里的a变成了局部的值。

那么返回函数为什么输出2？ 因为闭包，外层的变量对内部可见。

var a = 1;
function test(){
    a= 2; 
return function(){
        console.log(this.a);
    }
var a = 3;
}
test()();

加大一下难度，这里会输出什么呢？

由于已经知道var a=3是陷阱，而javascript的函数this默认情况是window，so答案是1.

var name = "The Window";   
　　var object = {   
　　　　name :"My Object",   
　　　　getNameFunc :function(){ 
          console.log(this.name);
　　　　　　return function(){   
　　　　　　　　console.log(this.name);  
　　　　　};   
　　　　}   
};   
object.getNameFunc()();

这里输出是

My Object

The Window.

闭包作用域在函数{}内,this在闭包内不能传递，改成下面这样才能都输出My Object.

　var name = "The Window";   
　　var object = {   
　　　　name :"My Object",   
　　　　getNameFunc :function(){ 
          console.log(this.name);
var tmp= this;
　　　　　　return function(){   
　　　　　　　　console.log(tmp.name);  
　　　　　};   
　　　　}   
};