从javascript一道闭包面试题说开去

这道题目比较经典了:javascript

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

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

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

实际上var a=3这一句是陷阱。 因为变量提高 a=2以前有一个var a的声明,这里的a变成了局部的值。函数

那么返回函数为何输出2? 由于闭包,外层的变量对内部可见。this

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

加大一下难度,这里会输出什么呢?spa

因为已经知道var a=3是陷阱,而javascript的函数this默认状况是window,so答案是1.code

 

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

这里输出是blog

My Objectip

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);  
     };   
    }   
};   
相关文章
相关标签/搜索