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");