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

2019-11-17 03:50:19

字體：大中小

來源：轉載

供稿：網友

話說阿里巴巴今年的校園招聘有一道題目考了一個知識點,那就是setInterval的參數函數里的this指向.

看到這個題,我蒙了,因為那時候我不清除這個問題,想了半天沒想出來,后來到網上一查,在國外的某網站查到說setInterval和setTimeout之后的函數的作用域是全局的,也就是里面的this指向的是全局對象.

這個問題可麻煩了,我經常要在循環函數里用this來引用當前對象,也許你想到可以用閉包,不過實際情況并非如此簡單,對象實例多了之后,閉包也亂套了.

我的愿望就是讓循環函數里的this仍然指向當前上下文的對象,無需傳參數,無需閉包(其實這也是閉包,只是形式上看著比較自然而已);

例如:(一部分代碼,作用是定時發送請求)

  1 var sendRequest=function(){}

2 sendRequest.PRototype={
3 .............................
4 .............................
5 beginSend:function(){
6     //使循環函數里的this指向本對象,而不是全局對象
7     this.loop_send=setInterval((function(param){
8        return function(){param.sendARequest();}
9     })(this),this.options.interval);
10 },
11 sendARequest:function(){
12      this.num++;
13      this.checkLimit();
14       var callback = {
15                             success: this.handleSuccess,
16                             failure: this.handleFail,
17                             argument: {
18                                 handle: this,
19                                 timeout:500
20                             }
21       }
22         var post_data="...."
23       //如果待發送的數據不為空,則將取出一條數據發到后臺
24       if(this.data_wait_for_send.length!=0){
25       for(var i=0,j=this.data_wait_for_send.length;i<j;i++){
26            post_data+="&content[]="+this.data_wait_for_send[i];
27        }
28         this.data_wait_for_send=[]
29      }
30   //       debug(post_data)
31     var que = Connect.asyncRequest('POST', this.options.getUrl, callback,post_data);
32  },
33 ......................
34 ......................
35 }
36

上一篇：使用MPLex實現語法高亮顯示的功能代碼解釋

下一篇：比較兩個DataTable是否相等(網上流傳的通病)