Question

我正在创建两个函数名称调用和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()];

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

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

3 个答案: