传递变量VS传递值

Question

我很想了解以下两者之间的区别：

var the_timeout = setTimeout("alert(the_string);", 60000);

和：

  var the_timeout = setTimeout("alert(" + the_string + ");",60000);

我知道第一个传递变量，第二个传递值-但这到底是什么意思，为什么重要呢？ 为什么在第二个示例中传递值？

另外（我希望这是同一主题），为什么起作用：

var timeout=setTimeout("someFunction();", 3000)

虽然这不是：

var timeout=setTimeout(someFunction(),3000);

调用函数时， someFunction()起作用，所以为什么在使用setTimeout()?时必须加引号setTimeout()?

Answer 1

我认为您与此混淆了“按值传递”和“按引用传递”之间的区别。 在您提到的示例中，没有区别。

然而，

var timeout=setTimeout("someFunction();", 3000)

作品和：

var timeout=setTimeout(someFunction(),3000);

并不是因为在第二种情况下， someFunction()会运行，以便随后可以将结果/返回值传递给setTimeout 。 这就是为什么将它作为字符串传递，以便setTimeout可以独立eval它的原因。 除非，当然，除非someFunction()本身返回setTimeout可以用作回调的函数。

但是，正如zerkms在评论中指出的那样，您应该传递回调：

var timeout = setTimeout(function() { someFunction(); }, 3000);

这还具有以下效果： setTimeout然后可以在需要时调用回调。 一个主要的好处是您可以传递任何常规函数，以便可以从可能使用的编辑器中受益，而不是将所有内容打包到一个字符串中：

var myTrigger = function() {
  someFunction();
};

var timeout = setTimeout(myTrigger, 3000);

Answer 2

60秒后，它将解析执行字符串中的代码。

var the_string = "Hello";
setTimeout("alert(the_string);", 60000);
the_string = "Goodbye";

这意味着将执行alert(the_string) ，就好像它是常规代码一样。 因此它将提醒“再见”。 这是因为最终执行代码时，因为要传递变量，所以将使用the_string的更新值。

但这确实有所不同。

var the_string = "Hello";
setTimeout("alert(" + the_string + ");",60000);
the_string = "Goodbye";

现在，我们正在动态创建一个新的代码片段。 我们正在创建的代码片段是alert(Hello); 。 但是Hello是一个没有值的变量，因为您没有正确使用引号。

但是可以说你的意思是这样的：

var the_string = "Hello";
setTimeout("alert('" + the_string + "');",60000);
the_string = "Goodbye";

现在这将起作用，因为它生成的代码是alert('Hello'); 。 乍一看似乎做同样的事情。 但是，因为现在生成的代码实际上包含一个硬编码的字符串，所以当the_string更改时，由于它已硬编码到摘录中，因此更改不会将其更改为生成的代码。

基于此，这很简单：

setTimeout("someFunction();", 3000)

延迟后将执行字符串中的代码。 在这种情况下，将执行someFunction() 。

但这是完全不同的：

setTimeout(someFunction(),3000);

在这种情况下， someFunction()将立即执行 ，并将其返回值作为第一个参数传递给setTimeout()函数。 因此，它根本无法实现您的期望。

---

大多数情况与eval和生成的代码有关，因为setTimeout(string,delay)是eval一种形式。 如果您不使用eval ，并且不将字符串传递给setTimeout() ，那么这都不是问题。

将字符串传递给setTimeout会导致eval ， eval会导致怪异的疯狂bug，怪异的疯狂bug会导致痛苦，痛苦会导致痛苦 。

相反，您可以传递一个函数。 每种方式都更好。

// pass an anonymous function to run some code later
var the_string = "Hello";
setTimeout(function() {
  alert(the_string);
}, 60000);
the_string = "Goodbye";
// alerts "Goodbye" 60 seconds later


// pass an anonymous function to run some code
setTimeout(function() {
  someFunction();
}, 3000);

// or pass a reference to a function to execute, note lack of ()
setTimeout(someFunction, 3000);