javascript讓setInteval里的函數參數中的this指向特定的對象

2019-11-21 00:46:42

字體：大中小

來源：轉載

供稿：網友

看到這個題,我蒙了,因為那時候我不清除這個問題,想了半天沒想出來,后來到網上一查,在國外的某網站查到說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); 
}, 
...................... 
...................... 
} 