本文探讨JavaScript中setInterval定时器回调函数this指向全局对象的问题。通过示例代码展示如何利用立即执行函数和闭包机制，将定时器内部this绑定至当前对象实例，从而在循环请求中正确访问对象属性和方法。
setInterval中this指向的问题
遇到此类问题时，起初容易感到困惑，因为setInterval和setTimeout所执行的回调函数处于全局作用域，导致内部的this关键字默认指向全局对象。
在实际开发中，经常需要在循环逻辑中使用this来引用当前对象。虽然闭包是常见解决方案，但在对象实例较多或结构复杂的情况下，单纯依赖闭包可能导致作用域混乱，处理起来并不简单。
目标是让循环函数中的this保持指向当前上下文对象，无需额外传递参数，也不希望使用显式的闭包形式（尽管底层原理仍涉及闭包，但希望代码看起来更自然）。
解决方案与代码实现
以下是一个部分代码示例，主要功能是定时发送请求。
具体实现代码如下：
var sendRequest=function(){}
sendRequest.prototype={
.............................
.............................
beginSend:function(){
//使循环函数里的this指向本对象,而不是全局对象
this.loop_send=setInterval((function(param){
return function(){param.sendARequest();}
})(this),this.options.interval);
},
sendARequest:function(){
this.num++;
this.checkLimit();
var callback = {
success: this.handleSuccess,
failure: this.handleFail,
argument: {
handle: this,
timeout:500
}
}
var post_data="...."
//如果待发送的数据不为空,则将取出一条数据发到后台
if(this.data_wait_for_send.length!=0){
for(var i=0,j=this.data_wait_for_send.length;i<j;i++){
post_data+="&content[]="+this.data_wait_for_send[i];
}
this.data_wait_for_send=[]
}
// debug(post_data)
var que = Connect.asyncRequest('POST', this.options.getUrl, callback,post_data);
},
......................
......................
} 通过这种方式，在sendARequest()函数内部，可以正常使用this来引用当前对象，进而访问当前对象的变量和方法，极大提升了代码的便捷性。