带参数的setTimeout

尝试解决这个问题时有点头疼。我想要做的是有一个自定义的setTimeout，参数与不得不创建一个函数来传递它。让我的代码解释：带参数的setTimeout

想要避免：

function makeTimeout(serial){ 
    serial.close(); 
} 

setTimeout(makeTimeout(sp.name), 250);

我想要做的是某种程度上只是调用1个衬垫由这样的：

setTimeout(function(arg1){ .... }(argument_value), 250);

可以这样做或你只能传递一个无参数函数吗？

来源

2012-09-17 Menztrual

你可以通过它调用makeTimeout使用给定参数的匿名函数：

setTimeout(function() { 
    makeTimeout(sp.name); 
}, 250);

还有一个替代方案，使用bind：

setTimeout(makeTimeout.bind(this, sp.name), 250);

这个功能，但是，是的ECMAScript 5版功能，尚未在所有主流浏览器中支持。为了兼容性，您可以包括bind的source（可在MDN上获得），允许您在本地不支持它的浏览器中使用它。

DEMO。

来源

2012-09-17 00:27:32

需要注意的是，当调用函数时，传递给'makeTimeout'的值将是'sp.name'的值，可能与调用'setTImeout'时的值不同。 – RobG

根据http://kangax.github.io/es5-compat-table/#Function.prototype.bind，主要浏览器现在支持绑定。 –

正如RobG所说，为了使这个工作100％正常工作，您需要使用关闭 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Closures 在超时过期时，值'sp.name'可能已经改变。 – ikromm

如果您不想声明单独的函数，则可以使用立即调用的函数表达式和闭包，例如，

// Parameter to use 
var bar = 'bar'; 

// Function to call 
function foo(arg) { 
    alert(arg); 
} 

// Go… 
setTimeout(
    (function(arg1){ 
    return function(){ 
     foo(arg1); 
    }; 
    }(bar)), 2000);

或者，你可以使用函数构造函数：

setTimeout(Function('foo(bar)'), 2000);

或者你可以使用一个字符串：

setTimeout('foo(bar)', 1000);

基本上是同样的事情。现在等待的怒吼“但是这就像使用eval，每个人都知道的eval是邪恶的一个巨大的安全漏洞 - ！你所有的长子，是注定”

但严重的是，eval（与功能构造函数）是效率低下，会导致懒惰的编程，所以使用另一个选项，比如上面的第一个选项。

来源

2012-09-17 01:46:43 RobG

看来的能力已经被添加到一些浏览器传递参数的setTimeout：

语法：setTimeout (function (p1,p2) {},1000,p1,p2);（只要你想添加尽可能多的PARAMS）

如果你想确保它的工作原理到处都可以使用附带的代码。

注：如果你想在安装后立即设置超时，最好使用回调参数，做它在那里

例如

installSwizzledTimeout(function(param1,param2){ 
    setTimeout(myFunc,200,param1,param2);},param1,param2); 
}

这是因为它使用一个技巧来检测是否需要，通过设置非常短的超时时间并计算参数。

window.swizzledSetTimeout = function (fn, ms) { 
    if (arguments.length === 2) { 
     //console.log("Bypassing swizzledSetTimeout"); 
     return window.originalSetTimeout(fn, ms); 
    } else { 
     var args = []; 
     for (i = 2; i < arguments.length; i++) { 
      args.push(arguments[i]) 
     }; 
     //console.log("Setting swizzledSetTimeout for function (",args,") {...} in ",ms," msec"); 
     var retval = window.originalSetTimeout(function() { 
      //console.log("Invoking swizzledSetTimeout for function (",args,") {...}"); 
      fn.apply(null, args); 
     }, ms); 
     return retval; 
    } 
} 

function installSwizzledTimeout(cb) { 
    var args = []; 
    for (i = 1; i < arguments.length; i++) { 
     args.push(arguments[i]) 
    }; 
    setTimeout(function (arg) { 
     //console.log("arguments.length:",arguments.length,window.setTimeout.toString()); 
     if (arguments.length == 0) { 

      function doInstall() { 
       //console.log("Installing new setTimeout"); 
       window.originalSetTimeout = window.setTimeout; 
       window.setTimeout = function setTimeout() { 
        return window.swizzledSetTimeout.apply(null, arguments); 
       }; 
       if (cb) { 
        cb.apply(null, args); 
       }; 
      } 

      if (window.setTimeout.toString().indexOf("swizzledSetTimeout") < 0) { 
       doInstall(); 
      } 
     } else { 
      //console.log("existing set time supports arguments "); 
      if (cb) { 
       cb.apply(null, args); 
      }; 
     } 
    }, 0, 1, 2, 3, 4); 
}

来源

2014-06-23 08:12:05 unsynchronized

带参数的setTimeout

回答

相关问题