问

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

ebt1775010 发布于 2022-11-25 08:43

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();

10 个回答

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

2022-11-25 10:10 回答

多米音乐_34067977
楼上说得没错，obj可以被callback取到。

2022-11-25 10:10 回答

chen-yu2502881617
在 callback 里面直接就可以拿到 obj:
```
callback:function(){
  console.log(obj);//我需要在这里找到obj..
}
```
2022-11-25 10:10 回答

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

2022-11-25 10:10 回答

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

2022-11-25 10:10 回答

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

2022-11-25 10:10 回答

手机用户2502860581

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

2022-11-25 10:10 回答

强心脏229

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

2022-11-25 10:10 回答

我只爱庄宝贝

建议搜索“闭包”的概念

2022-11-25 10:10 回答

rfzrfz_353
atrl的方法解决了将callback函数剥离，并保持this引用的问题。
在比较先进的浏览器中可以使用这种方法：
```
c:function(){
                setTimeout(this.callback.bind(this),100);
        }
```
ie等浏览器可以自行扩展Function对象的prototype实现。但道理其实都是创建了新的函数。

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

水妖精Fairy

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签