在 Javascript 中使用 setTimeout 从数组调用函数

Question

我正在创建两个函数名 call 和 call2 并将这两个函数放在数组 x 中。在另一个名为 timer 的函数中，我试图每 2 秒调用一次此函数。但它给出的错误预期是赋值或函数调用而不是显示和表达式。

而且我不希望这些函数在我创建数组时运行。 这是我的代码http://jsbin.com/IMiVadE/2/

function call(name)
{
  console.log("Hello " + name);
}

function call2()
{
  console.log("Hello world");
}

var x = [call("Nakib"), call2()];
var i = 0;

function timer(x, i)
{
  x[i];
  i++;
  if(i<x.length)
     window.setTimeout(timer(x, i), 2000);

}
timer(x, i);

Answer 1

你的代码有一些错误：

• call2() 调用该函数。正确：call2 是对函数的引用。
• x[i] 访问值（函数引用）。您需要 x[i]() 来执行该函数。

您的代码正在运行：http://jsbin.com/IMiVadE/6/edit

sayHello(name) 是一个生成输出特定“Hello ...”文本的新函数的函数。

function sayHello(name)
{
  return function () {
    console.log("Hello " + name);
  }
}

function timer(x, i)
{
  x[i]();
  if (i < x.length - 1) {
    setTimeout(function () {
      timer(x, i + 1);
    }, 2000);
  }
}

var x = [sayHello("Nakib"), sayHello("world")];

setTimeout(function () {
  timer(x, 0);
}, 2000);

Answer 2

setTimeout 需要一个没有参数的函数。因此，您可以将对 timer 的递归调用包装在一个匿名函数中来解决这个问题：

window.setTimeout(function(){timer(x, i)}, 2000);

此外，您的计时器函数中的第一行（仅包含 x[i];）是无用的，尽管它可能不是您的问题的原因。

Answer 3

setTimeout 函数接受一个函数作为参数，你正在执行 timer 函数在它被传递之前，由于 timer 没有返回任何东西，undefined 被传递到超时；

window.setTimeout(timer(x, i), 2000); // is the same as...
window.setTimeout(undefined, 2000);

应该是的；

window.setTimeout(function() { timer(x, i) }, 2000); // or...
window.setTimeout(timer.bind(this, x, i), 2000);

我不确定这是否是故意的，但你正在对你的数组做同样的事情；

var x = [call("Nakib"), call2()];

这将执行函数，它们的结果将存储在数组中。这是你想要的吗？