首页 > javascript关于this对象,在闭包函数中为什么会引用全局变量

javascript关于this对象,在闭包函数中为什么会引用全局变量


因为你定义的name变量本身就是个全局变量,而你对象里面又没有定义有相同的变量名,JavaScript会依次从内部外部寻找name这个变量,你可以把变量写到对象里面去。


这与this是不是在闭包中没有直接关系的,this的指向取决于函数的执行环境,getNameFunc函数中的this指向是object,但是getNameFunc函数中的匿名函数是一个独立的执行环境,该匿名函数没有明确的调用者,所以默认执行环境是window

关于闭包,闭包是可以访问外部作用域的变量,我认为题主所疑惑的是闭包里已经访问外部this,所以返回的应该是bb,但是this并不是一个变量,它会随着执行环境的变更而变更。


这个问题,并不是说闭包函数的this一定指向全局,而是函数作用域的问题,一个匿名函数作为返回值,这个匿名函数在执行时已经脱离了原来的scope,作用域变为了全局,this自然指向全局。js中有很多这种情况,比如最常见的回调函数。


默认都是指向全局对象的,浏览器是window。
你这个code应该

var object = {
  name:'bb',
  getNameFunc: function(){
    var that=this;
    return function(){
      return that.name;
    }
  }
}

方法是谁调用的谁就是this。
这个列子里面,object.getNameFunc()返回了一个自执行函数

function(){
    return this.name;
}()

此时调用者为window,故this为window。


因为闭包里的this指向window,你可以在闭包里console.log(this)一下,会发现输出window。至于为什么闭包里的this会指向window,我还分析不出。不过这个结果请牢记。


没明确定义在某个对象上的函数都是全局函数,隶属于全局对象。


var object = {
  name:'bb',
  getNameFunc: function(){
     return: function(){
        return: this.name;
     }();
  }
}

分析一下作用域 全局中object -- > object里面的name/getNameFunc --> getNameFunc函数 -- > 返回函数的立即调用。

object.getNameFunc()调用 ---- 返回一个函数的调用,独立函数调用会采用默认绑定规则绑定到全局作用域中

推荐看《你不知道的js》里面有详细的介绍


var object = {
  name:'bb',
  getNameFunc: function(){
    return function(obj){
      return obj.name;
    }(this)
  }
}
【热门文章】
【热门文章】