javascript - 如何调用 3 或 4 个回调函数

Question

我需要了解回调函数的工作原理。我用 2 个函数编写了这个小脚本:

function fn1(callback) {
  alert('fn1');
  callback();
}

function fn2() {
  alert('fn2');
}

fn1(fn2); //display 'fn1' then 'fn2'

现在，我想用“fn3”函数更新我的脚本，以便显示“fn1”然后“fn2”然后“fn3”。我试过这个:

function fn1(callback) {
  alert('fn1');
  callback();
}

function fn2(callback) {
  alert('fn2');
  callback();
}

function fn3() {
  alert('fn3');
}

fn1(fn2(fn3));

但它显示“fn2”，然后是“fn3”，然后是“fn1”，然后记录错误(“回调不是函数”)。任何想法 ？怎么了 ？提前致谢，弗洛伦特。

Answer 1

为了执行 f1 然后 f2 然后 f3 你需要创建一个回调函数以确保函数将被执行分步骤。

错误:

fn1(fn2(fn3))) // this first call f2 with f3 as parameter then calls f1 with its result

右:

fn1(function () { // call f1
  fn2(function () { // then call f2 after f1
    fn3(); // then call f3 after f2
  })
})