为什么我应该由 setTimeout 安排的函数调用会立即执行?

IT技术 javascript loops for-loop settimeout
2021-01-26 01:57:49

这是我的问题。我有这个功能来测试代理服务器。

function crawl() {
    var oldstatus = document.getElementById('status').innerHTML;
    document.getElementById('status').innerHTML = oldstatus + "Crawler Started...<br />";
    var url = document.getElementById('url').value;
    var proxys = document.getElementById('proxys').value.replace(/\n/g,',');

    var proxys = proxys.split(",");

    for (proxy in proxys) {
        var proxytimeout = proxy*10000;
        setTimeout(doRequest(url,proxys[proxy]), proxytimeout);
    }
}

我希望在大约 10 秒的时间间隔内调用 'doRequest()' 函数,但即使使用 setTimeout() 函数也会立即调用。

欢迎任何想法,谢谢。

PS:即使我为 'proxytimout' 设置了一个任意值,它也没有效果。

3个回答

当您以该形式将函数提供给 setTimeout 时,该函数将被执行而不是传递给 setTimeout。您有三种选择可以使其工作:

首先给出函数,然后给出超时和参数作为最后一个参数:

setTimeout(doRequest, proxytimeout, url, proxys[proxy]);

或者只写一个将被评估的字符串:

setTimeout('doRequest('+url+','+proxys[proxy]+')', proxytimeout);

第三种风格是传递一个调用函数的匿名函数。请注意,在这种情况下,您必须在闭包中执行此操作以防止值在循环中更改,因此它变得有点棘手:

(function(u, p, t) {
    setTimeout(function() { doRequest(u, p); }, t);
})(url, proxys[proxy], proxytimeout);

第二种格式有点笨拙,但如果参数是标量值(字符串、整数等),它仍然有效。第三种格式有点不清楚,因此在这种情况下,第一种选择显然最适合您。

@nickf:我正要这么说。此外,第三个选项违反eval is evil.
2021-03-11 01:57:49
谢谢,这是一个巨大的帮助,这是一个令人难以置信的社区!
2021-03-13 01:57:49
setTimeout(doRequest, proxytimeout, url, proxys[proxy]) 在 IE 中不起作用,对吧?
2021-03-13 01:57:49
@nickf,你说得对,我忽略了这一点。我已经更新了我的答案。
2021-03-20 01:57:49
如果我错了,请纠正我,但由于这是在循环内发生的,因此您提供的第二种方法将不起作用。的值proxy会改变,因为没有创建闭包。
2021-03-29 01:57:49

这里的这一行是问题所在:

setTimeout(doRequest(url,proxys[proxy]), proxytimeout);

doRequest()其实就是调用函数。你想要的是传递函数本身:

setTimeout(doRequest, proxytime, url, proxys[proxy]);

你误解了setTimeout函数。

setTimeout函数接受一个函数并稍后执行它。
通过编写setTimeout(doRequest(url,proxys[proxy]), proxytimeout),您正在_doRequest调用函数(立即),并将结果(假设它返回另一个函数)传递给setTimeout

您需要将doRequest的参数传递setTimeout,如下所示:

setTimeout(doRequest, proxytimeout, url, proxys[proxy]);

这将通过setTimeoutdoRequest功能本身(没有首先调用它),也将通过它的参数来给doRequest当它终于调用它。