javascript讓setInteval里的函數(shù)參數(shù)中的this指向特定的對象
更新時間：2010年01月31日 01:37:38 作者：
話說阿里巴巴今年的校園招聘有一道題目考了一個知識點,那就是setInterval的參數(shù)函數(shù)里的this指向.
看到這個題,我蒙了,因為那時候我不清除這個問題,想了半天沒想出來,后來到網上一查,在國外的某網站查到說setInterval和setTimeout之后的函數(shù)的作用域是全局的,也就是里面的this指向的是全局對象.
這個問題可麻煩了,我經常要在循環(huán)函數(shù)里用this來引用當前對象,也許你想到可以用閉包,不過實際情況并非如此簡單,對象實例多了之后,閉包也亂套了.
我的愿望就是讓循環(huán)函數(shù)里的this仍然指向當前上下文的對象,無需傳參數(shù),無需閉包(其實這也是閉包,只是形式上看著比較自然而已);
例如:(一部分代碼,作用是定時發(fā)送請求)
var sendRequest=function(){}
sendRequest.prototype={
.............................
.............................
beginSend:function(){
//使循環(huán)函數(shù)里的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="...."
//如果待發(fā)送的數(shù)據(jù)不為空,則將取出一條數(shù)據(jù)發(fā)到后臺
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()函數(shù)里,我們可以正常使用this來引用當前對象,使用當前對象的變量和方法,這樣豈不是很方便?
這個問題可麻煩了,我經常要在循環(huán)函數(shù)里用this來引用當前對象,也許你想到可以用閉包,不過實際情況并非如此簡單,對象實例多了之后,閉包也亂套了.
我的愿望就是讓循環(huán)函數(shù)里的this仍然指向當前上下文的對象,無需傳參數(shù),無需閉包(其實這也是閉包,只是形式上看著比較自然而已);
例如:(一部分代碼,作用是定時發(fā)送請求)
復制代碼 代碼如下:
var sendRequest=function(){}
sendRequest.prototype={
.............................
.............................
beginSend:function(){
//使循環(huán)函數(shù)里的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="...."
//如果待發(fā)送的數(shù)據(jù)不為空,則將取出一條數(shù)據(jù)發(fā)到后臺
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()函數(shù)里,我們可以正常使用this來引用當前對象,使用當前對象的變量和方法,這樣豈不是很方便?
相關文章
JS 實現(xiàn)獲取打開一個界面中輸入的值，需要的朋友可以參考一下2013-03-03
這篇文章主要介紹了刷新頁面后讓控制臺的js代碼繼續(xù)執(zhí)行，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
關于Google發(fā)布的JavaScript代碼規(guī)范你要知道哪些
代碼規(guī)范并不是一種編寫正確JavaScript代碼的規(guī)則，而是為了保持源代碼編寫模式一致的一種選擇。這篇文章給大家介紹了關于Google發(fā)布的JavaScript代碼規(guī)范你要知道哪些，感興趣的朋友一起看看吧2018-04-04
javascript 從定義到執(zhí)行，你應該知道的那些事，本文為大家一一列舉，希望對大家的學習有所幫助2016-06-06
這篇文章主要介紹了判斷某個字符在一個字符串中是否存在的方法,需要的朋友可以參考下2014-02-02
這篇文章主要為大家詳細介紹了bootstrap響應式表格的實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
本文給大家分享了幾個javascript中常用的方法，十分的實用，也很簡單，有需要的小伙伴可以參考下。2015-07-07
javascript中的event loop事件循環(huán)詳解
這篇文章主要給大家介紹了關于javascript中event loop事件循環(huán)的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-12-12
JavaScript空數(shù)組的every()方法實踐
every()方法用于檢測數(shù)組中的所有元素是否都滿足指定條件, 本文主要介紹了JavaScript空數(shù)組的every()方法實踐,具有一定的參考價值,感興趣的可以了解一下2024-03-03
Immutable Data是指一旦被創(chuàng)造后，就不可以被改變的數(shù)據(jù)。通過使用Immutable Data，可以讓我們更容易的去處理緩存、回退、數(shù)據(jù)變化檢測等問題，簡化我們的開發(fā)2016-05-05