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