使用SetInterval時函數不能傳參問題

不管是window.setTimeout仍是window.setInterval,在使用函數名做爲調用句柄時都不能帶參數,而在許多場合必需要帶參數,這就須要想方法解決。經網上查詢後整理以下:
例如對於函數hello(_name),它用於針對用戶名顯示歡
迎信息:
var userName="jack";
//根據用戶名顯示歡迎信息
function hello(_name){
alert("hello,"+_name);
}
這時,若是企圖使用如下語句來使hello函數延遲3秒執行是不可行的:
window.setTimeout(hello(userName),3000);
這將使hello函數當即執行,並將返回值做爲調用句柄傳遞給setTimeout函數,其結果並非程序須要的。而使用字符串形式能夠達到想要的結果:
window.setTimeout("hello(userName)",3000);這是方法(一)
這裏的字符串是一段JavaScript代碼,其中的userName表示的是變量,並且經測試,這個變量要是個全局的,若是是在某函數裏面如此調用 setTimeout,而此變量只是個函數內部變量的話,是會報變量不存在的。但這種寫法不夠直觀,並且有些場合必須使用函數名,因而有人想到了以下
方法(二):
<script language="JavaScript" type="text/javascript">
<!--
var userName="jack";
//根據用戶名顯示歡迎信息
function hello(_name){
alert("hello,"+_name);
}
//建立一個函數,用於返回一個無參數函數
function _hello(_name){
return function(){
hello(_name);
}
}
window.setTimeout(_hello(userName),3000);
//-->
</script>
這 裏定義了一個函數_hello,用於接收一個參數,並返回一個不帶參數的函數,在這個函數內部使用了外部函數的參數,從而對其調用,不須要使用參數。在 window.setTimeout函數中,使用_hello(userName)來返回一個不帶參數的函數句柄,從而實現了參數傳遞的功能。
另外也有人經過修改settimeout、setInterval來實現,相比是比較理想的。即下面的
方法三:
<script language="JavaScript" type="text/javascript">
<!--
var userName="jack";
//根據用戶名顯示歡迎信息
function hello(_name){
alert("hello,"+_name);
}//*=============================================================
//* 功能: 修改 window.setInterval ,使之能夠傳遞參數和對象參數
//* 方法: setInterval (回調函數,時間,參數1,,參數n) 參數可爲對象:如數組等
//*=============================================================
var __sto = setInterval;
window.setInterval = function(callback,timeout,param){
var args = Array.prototype.slice.call(arguments,2);
var _cb = function(){
callback.apply(null,args);
}
__sto(_cb,timeout);
}
window.setInterval(hello,3000,userName);
//-->
相關文章
相關標籤/搜索