首先看一段代码:
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的值为多少呢?看下图:
这说明obj.get()只是返回一个匿名函数,并没有执行。
所以转到this,相应的代码为:
var name="ss";
var obj={
name:"rr",
get:function(){
return function(){return this.name;};
}
}
var val=obj.get();
console.log(val);
相应的输出为:
要执行该匿名函数,就应将console.log(c)改为console.log(c()):
转到this,当改为输出val)时,匿名函数执行,那么这时候this.name的值应该是多少呢?·
this的指向是由它所在函数调用的上下文决定的,而不是由它所在函数定义的上下文决定的。
所以在这个时候,val相当于只是获取了匿名函数,obj.get()相当于定义了的意思,val()才是执行了匿名函数,而val所处的上下文环境里,this是指向全局变量的。所以输出应为"ss"
要想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());
运行结果: