javascript - 变量未定义，有时

Question

以下代码在书Head First jQuery中给出.

function lightning_one(t) {
$("#lightning1").fadeIn(250).fadeOut(250);
setTimeout("lightning_one()", t);
}; // end lightning_one

用这条线调用它。

lightning_one(3000);

观察到的行为是闪电淡入淡出一次，等待3秒，再次淡入淡出，然后继续淡入淡出。 Firebug 显示没有 javascript 错误。

我明白为什么我看到我所看到的。我想我会尝试保留 3 秒的间隔，所以我改变了这个:

setTimeout("lightning_one()", t);  // nothing in the brackets

为此:

setTimeout("lightning_one(t)", t);  // t is in the brackets

当我刷新页面时，闪电会淡入淡出一次。 Firebug 告诉我变量 t 未定义。

我的问题是，如果变量 t 在我更改后没有定义，那么在我更改它之前命令如何运行没有错误？它仍然有一个名为 t 的变量。

更多信息

感谢所有评论和回答的人。作为记录，在“end”文件夹中，代码变为:

    lightning_one();

   function lightning_one(){
$("#container #lightning1").fadeIn(250).fadeOut(250);
setTimeout("lightning_one()",4000);
    };

我还没有完成适用的章节，所以我不知道稍后是否会建议更改代码。如前所述，这可能不是最好的书。然而，这是我购买的，我正在从中学习 jQuery 的基础知识。

Answer 1

因为作为字符串的setTimeout的第一个参数是eval -ed，意味着它将查看未定义 t 的函数的外部范围。第一个很好，因为您没有在调用中使用任何变量，但第二个不是，因为 t 没有在函数范围之外定义。它实际上是本地的。

建议:根本不要使用 eval。事实上，您不需要字符串参数。使用函数表达式:

setTimeout(function() {

    lightning_one(t);

}, t);