Javascript實踐-Function對象擴充之延時執行函數

到了搜狐後比較忙，很久沒在園子裡寫隨筆了~~

這篇文章主要介紹“在js裡面怎麼延時執行一個函數?”

不就利用window對象的setTimeout方法嗎？Bingo,一點沒錯!如果你在一個應用裡面常常要“延時執行某某函數”，那末基於DRY的原則，可以針對Function全域對象進行擴充,為函數增加一個延時方法如delay，這樣會讓你的代碼更簡潔有效。

擴站Function對象增加delay方法如下：

代碼

Function.prototype.delay=function(this1,timeout){
    this1=this1||null;
    timeout=timeout||0;
var _this=this;
var args=[];
//擷取參數,註：第1、第2個參數是保留參數
    switch(arguments.length){
case 1:
            timeout=parseInt(arguments[0]);
            timeout=isNaN(timeout)?0:timeout;
            timeout=timeout<0?0:timeout;
break;
default:
for(var i=0;i<arguments.length;i++){
if(i>1){args.push(arguments[i]);};
            };
break;
    };
var proxy=function(){
        _this.apply(this1,args);    
    };
return window.setTimeout(proxy,timeout);
};

 

在firefox的firebug外掛程式的控制台下面測試下，代碼如：

代碼

var xx=function(n){
this.name=n;
};
xx.prototype.hi=function(a,b){
    console.log(this.name+"-"+a+"-"+b);
};

var xx1=new xx("levin");
var t=xx1.hi.delay(xx1,1000,"cocoa","yoyo");

xx1.hi("guluglu","jigujigu");