在Javascript中一个接一个地执行2个函数的有效方法

Question

我有两个功能

function one() {
    setTimeout(function(){ console.log("first function executed"); }, 3000);
}

function two() {
    console.log("second function executed");
}

如何让第二个函数等到第一个函数执行？对于初学者来说，最简单的方法是什么？感谢名单

Answer 1

有两种方法可以解决这个问题，两种最常见的方法是使用回调或使用Promises。

使用回调

您可以向第一个函数添加一个回调参数，然后将函数二作为回调函数传递：

＆＃13;

＆＃13;

function one(callback) {
  setTimeout(function() {
    console.log("first function executed");
    callback();
  }, 3000);
}

function two() {
  console.log("second function executed");
}

one(two)

＆＃13;

＆＃13;

＆＃13;

使用Promises：

Promises允许您将依赖于排序的不同操作链接在一起。但是，您可能需要添加polyfill以支持旧版浏览器：

＆＃13;

＆＃13;

function one(callback) {
  return new Promise(function(resolve, reject) {
    setTimeout(function() {
      console.log("first function executed");
      resolve();
    }, 3000);
  })
}

function two() {
  console.log("second function executed");
}

one().then(two)

＆＃13;

＆＃13;

＆＃13;