setTimeout 在传递代码时等待，但在传递引用时不等待

Question

为什么像这样传递代码（用“”包围）时：

setTimeout('alert("James Blunt is bad")', 5000);

在显示我们都知道的内容之前是否有 5 秒的暂停以及像这样传递函数引用时：

setTimeout(alert("James Blunt is bad"), 5000);

没有暂停？

http://jsfiddle.net/eBcpc/

Answer 1

如果你的第二个例子，你没有传递一个函数。

您正在调用 alert 并传递其返回值（并且alert 的返回值不是函数）。

函数引用不以 (...) 结尾

setTimeout(function () { alert("Hello, world"); }, 5000);

，或者，在浏览器支持较弱的情况下，将数组中的参数传递给alert，作为 setTimeout 的第三个参数：

setTimeout(alert, 5000, ["Hello, world"]);

Answer 2

当您使用代码参数调用 setTimeout 时，必须将其包装在函数中：

setTimeout(function () { alert("James Blunt is bad"); }, 5000);

否则，当 JavaScript 执行 setTimeout 时，它将立即运行 alert 函数，以期alert 将返回一个函数对象，然后将该函数对象放入超时队列中。 （显然，alert 不会返回函数。）

Answer 3

在第二个示例中，您调用 alert 函数，然后调用 setTimeout。这是因为函数的参数是在调用函数之前处理的。 （如果alert有一个返回值，并且您想将该值作为参数传递给另一个函数，那么这正是您想要的行为。）

您想要做的是将匿名函数传递给setTimeout，然后让匿名函数调用 alert，如下所示：

setTimeout(function() {
        alert("James Blunt is bad");
    }, 5000);