JQuery

1个成员

js Function对象扩展与延时执行函数实例代码

发表于 2016-12-22 3505 次查看

网页特效 function对象扩展与延时执行函数实例代码


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

利用window对象的settimeout方法吗?bingo,一点没错!如果你在一个应用里面常常要“延时执行某某函数”,那末基于dry的原则,可以针对function全局对象进行扩展,为函数增加一个延时方法如delay,这样会让你的代码更简洁有效。

发表回复
你还没有登录,请先登录注册