为什么使用setTimeout函数会立即执行？

Question

我正在尝试使用 setTimeout 编写简单的代码，但是 setTimeout 只是不会等待它应该等待的时间，并且代码会立即执行。我做错了什么？

setTimeout(testfunction(), 2000);

Answer 1

您将立即调用该函数并安排其返回值。

使用：

setTimeout(testFunction, 2000);
                       ^

注意：没有括号。

Answer 2

删除括号

setTimeout(testfunction(), 2000);

如果您想向函数发送参数，您可以创建一个匿名函数，然后该函数将调用您想要的函数。

setTimeout(function() {

    testfunction('hello');

}, 2000);

编辑

有人建议发送一个字符串作为 setTimeout 的第一个参数。我建议不要遵循这一点，并且永远不要发送字符串作为 setTimeout 第一个参数，因为将使用 eval 函数。这是不好的做法，应该尽可能避免。

Answer 3

删除 testfunction 名称后面的括号：

setTimeout(testfunction, 2000);

原因是 setTimeout 的第一个参数应该是函数引用，而不是函数的返回值功能。在您的代码中，立即调用 testfunction 并将返回值发送到 setTimeout。

Answer 4

我在这里看到了很多答案，但我只是想花一些时间来解释一下问题的根本原因。

实际上 setTimeOut() 函数是一个异步函数，当您将函数作为参数之一传递给 setTimeOut() 函数时，您的脚本实际上不想浪费您的时间，而是希望尽快执行您传递的函数。

因此，有几种方法可以绕过这个问题。您可以使用回调或承诺。

请参阅此链接以获取快速详细信息：https://www.w3schools.com/js/js_promise.asp

我将向您展示如何使用回调来实现您想要实现的目标。

通过这样做 -

setTimeOut(your_function_name_without_parentheses, <number of milliseconds>)

你实际上可以告诉你的超时，请先执行你自己，然后执行作为第一个参数传递的我的回调函数。

或者，如果您想将参数传递给回调函数，您可以执行类似的操作 -

setTimeOut(() => {your_function_name_with_parentheses(argument_that_you_want_to_pass), <number of milliseconds>})

还有其他方法，上面已经回答了。

另外，我是一个JS新手，如果我的理解有任何差距，请告诉我。

Answer 5

首先去掉括号：

setTimeout(testfunction, 2000);

然后，如果你想在setTimeout函数中传递参数，可以这样传递：

 setTimeout(testfunction, 2000, param1, param2);

注意：你可以根据你的函数传递多个参数要求。

Answer 6

好吧，您可能已经得到答案，但我正在解释原因和解决方案。您可以通过两种方式在所需的时间后调用函数。

1. setTimeout("FUNC_NAME ()', TIME_IN_MS);
这里双引号内的 FUNC_NAME 是您要在 TIME_IN_MS 毫秒后调用的原始函数。这是因为如果你不加引号，那么在解释 java 脚本时，函数将立即执行，你的目的就会落空。为了让解释器跳过该语句，我们需要在此处加引号。
2. setTimeout(function () {FUNC_NAME ()}, TIME_IN_MS);
这里创建了匿名函数，告诉解释器在一定时间后执行 if 而不是评估时间。

谢谢
沙鲁

Answer 7

删除括号，当前您正在立即调用该函数。当前传递给 setTimeout 的是 testfunction() 调用的返回值，但您应该传递给 setTimeout 作为第一个参数的是函数引用

setTimeout(testfunction, 2000);

Answer 8

如果任何人遇到与立即调用函数和使用 Node.js 无关的问题，则您的超时值可能太大，导致延迟为默认值 1。

例如 setTimeout(testFunction, 21474836471) == setTimeout (testFunction, 1)

当延迟大于2147483647或小于1时，延迟将设置为1。非整数延迟将被截断为整数。