让window.setTimeout等支持带参数方法

在写js时经常会使用到无参或固定参数方法，比如window.setTimeout(func,300) 比如$("input").click(func)等

如果我们需要定时执行的一个参多个参数方法，应该如果处理呢？

比如有这样一个方法：

function log(a, b){
　　console.log(a + "_" + b);
}

我们需要定时400毫秒后执行

直接用log方法是行不通的：

window.setTimeout(log,100); //错误的

我们首先想到可行的方法：

window.setTimeout(function(){log(1,2)},100);

 

再来一个复杂点的例子，先看一个槽糕的写法：

for ( var i = 0; i < 20; i++) {
    window.setTimeout( function () {
        log(i,i+1);
    }, 100);
}    

这样每次出来的结果都是20_21

正确的写法

for ( var i = 0; i < 20; i++) {
    window.setTimeout( function (a,b) {
        return function () { log(a,b); };
    }(i,i+1), 100);
}    

 

如果觉得这样写比较复杂，可以用更通用的方式
可以为Function扩展一个方法，专门用来返回一个无参方法

Function.prototype.curry = function () {
    var slice = Array.prototype.slice,
        args = slice.apply(arguments),
        that = this ;
    return function () {
        return that.apply(null , args.concat(slice.apply(arguments)));
    };
};

 

上面的方法就可以简化为：

for ( var i = 0; i < 20; i++) {
    window.setTimeout(log.curry(i,i+1), 100);
}

 

实例代码