javascript - 回调函数中this指代问题

Question

var obj = {
	//我想让this指代上面这个obj
	a:function(){
		setTimeout(function(){
			console.log(this);
		},100);
	},
	//好吧，曲折解决了
	b:function(){
		var me = this;
		setTimeout(function(){
			console.log(me);
		},100);
	},
	//如果我要把callback拿出来，又有问题了。。。
	c:function(){
		//这下不管我怎么在c和callback里倒来倒去的找变量，都不能在callback里找到最上面的那个obj了。。
		setTimeout(this.callback,100);
	},
	callback:function(){
		console.log(this);//我需要在这里找到obj..
	}
};
obj.a();
//obj.b();
//obj.c();

Answer 1

atrl的方法解决了将callback函数剥离，并保持this引用的问题。
在比较先进的浏览器中可以使用这种方法：

c:function(){
                setTimeout(this.callback.bind(this),100);
        }

ie等浏览器可以自行扩展Function对象的prototype实现。但道理其实都是创建了新的函数。

此处的需求这样做就可以了。有时候会碰到事件处理函数需要解耦的情况，由于还要考虑解除绑定，会更复杂一些，需要自己写对象进行管理。

Answer 2

建议搜索“闭包”的概念

Answer 3

obj = {
        
        c:function(){
              var that = this;
                setTimeout(function(){that.callback()},100);
        },

Answer 4

c:function(){
    var _this = this;
    setTimeout(function(){_this.callback.call(_this)},5000);
}

Answer 5

好像在jquery新版中 提供了$.proxy(FUN,this) 你可以试试哈。这样不会导致上下文被切换导致FUN无效

Answer 6

在Javascript中,This关键字永远都指向函数(方法)的所有者

Answer 7

setTimeout的第一个参数相当于一个匿名方法体或者是方法指针，它不关心方法的所有者是谁，他只关心方法能做什么，这种情况下 想获得obj除了闭包就是传参数给匿名方法了

Answer 8

在 callback 里面直接就可以拿到 obj:

callback:function(){
  console.log(obj);//我需要在这里找到obj..
}

Answer 9

楼上说得没错，obj可以被callback取到。

Answer 10

可以这么来，在obj中定义一个变量 var_obj:this,以后每次都使用这个变量就可以了 @M君_ 说的太好了，怒赞