JS闭包中的this问题

首先看一段代码:

var obj={
 b:"rr",
 get:function(){
    var a="gggg";
    return function(){
        var d="dd";
        console.log(d);
        console.log(a);
        return a;
     };
   }
}
var c=obj.get();
console.log(c);

那么输出c的值为多少呢?看下图:

JS闭包中的this问题_第1张图片

这说明obj.get()只是返回一个匿名函数,并没有执行。

所以转到this,相应的代码为:

var name="ss";
var obj={
 name:"rr",
 get:function(){
    return function(){return this.name;};
   }
}
var val=obj.get();
console.log(val);

相应的输出为:

JS闭包中的this问题_第2张图片

要执行该匿名函数,就应将console.log(c)改为console.log(c())

JS闭包中的this问题_第3张图片

 

转到this,当改为输出val)时,匿名函数执行,那么这时候this.name的值应该是多少呢?·

 this的指向是由它所在函数调用的上下文决定的,而不是由它所在函数定义的上下文决定的。

所以在这个时候,val相当于只是获取了匿名函数,obj.get()相当于定义了的意思,val()才是执行了匿名函数,而val所处的上下文环境里,this是指向全局变量的。所以输出应为"ss"

JS闭包中的this问题_第4张图片

 

要想this.name输出:"rr",则需要引入一个that,代码如下:

var name="ss";
var obj={
 name:"rr",
 get:function(){
  var that = this;
  console.log(that);
  return function(){return that.name;};
   }
}
 var val=obj.get();
console.log(val());

运行结果:

JS闭包中的this问题_第5张图片

参考链接:学习Javascript闭包(Closure)

你可能感兴趣的:(JavaScript)