无法在 javascript 中获取 setTimeout 以正常工作

Can't get setTimeout in javascript to work properly

本文关键字:常工作 工作 setTimeout javascript 获取      更新时间:2023-09-26

我在javascript中有一个函数:

function test(){
...
    if (){
        setTimeout(test(), 1000);
    }
}

根据手册,我可以用以下方式调用它:

setTimeout(test(), 1000);

事实上,它会调用,但不要等待 1。 所以我尝试像下面这样使用它并且它可以工作。

setTimeout(function(){test();}, 1000);  

任何人都可以向我解释一下吗?

哪个手册?调用test()会调用test()返回的东西并将其传递给setTimeout,所以除非你的test()返回一个函数,否则这将不起作用。

您可以使用 anon 函数替代,也可以像setTimeout(test, 1000)一样传递它,而无需()

在此过程中您可能会发现的另一个不良用法是将其作为字符串传递,例如:

setTimeout("test()", 1000)

不惜一切代价避免这种情况,因为这相当于调用eval,您迟早会遇到范围问题。

你应该打电话给

setTimeout(test, 1000);

而不是与

setTimeout(test(), 1000);

换句话说,1000 ms 后要调用的函数是 test,而不是调用 test 的结果!

原因

setTimeout(function(){test();}, 1000);  

工作原理是你在 1000ms 之后调用的函数是调用 test 的函数,它本身基本上是test的。 对于lambda演算极客来说,这被称为eta-reduction。

setTimeout需要一个函数引用。当你传递它时:

setTimeout(test(), 1000);

即将调用test函数的结果传递给setTimeout。相反,将引用传递给它以测试自身:

setTimeout(test, 1000);

想看一些花哨的东西吗?

function test () {
    var what_are_you = 'a closure';
    return function () {
       alert('I am '+what_are_you+'!')
    }
}
setTimeout(test(), 1000);

在这里,我从函数调用返回一个函数引用。有关这方面的更多信息,请参阅下面的文章!

文档

  • setTimeout 在 MDN 上 - https://developer.mozilla.org/en/DOM/window.setTimeout
  • 有关函数的文章,函数参考 - http://jszen.blogspot.com/2008/07/function-reference-vs-function-call.html