Angular/TypeScript - 在另一个函数完成后调用一个函数

Question

我想在 f1 完成后调用 f2。 f1 函数可以是同步 或异步。我需要一个在这两种情况下都适用的示例。我找到了一个解决方案，使用 Promise 和一个计时器:

global() {
    this.f1().then(res => {
        this.f2()
    })
}

f1() {
    return new Promise<any>((resolve, reject) => {

        // Some code...

        setTimeout( () => {
            resolve(x);
        }, 1500);
    });
}

f2() {
    // Some code...
}

问题是程序总是要等待 1500 毫秒。我不希望 f2 在 f1 完成之前开始。 有没有办法等待所需的时间，而不是更多或更少？

Answer 1

所以去掉setTimeout部分。它将调用 resolve 或 reject，然后将执行传递给下一个 then 或 catch 处理程序。如果您在 Promise 中有一些异步调用，则需要在该调用的结果中调用 resolve/reject。

如果不等待 1500ms - 给定的时间实际上是可以调用该函数的最短时间。可能在2000ms之后这个和JS代码运行的主线程有关。如果主线程没有工作要做，那么异步调用的结果将被执行。

function f1() {
    return new Promise((resolve, reject) => {
        console.log('f1');
        resolve();
    });
}

function f2() {
   console.log('f2');
}

f1().then(res => f2());