Question

我想在f2完成后致电f1。 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...
}

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

Answer 1

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

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

＆＃13;

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

＆＃13;

Answer 2

如果f1是同步，则没有什么特别的事情：

global() {
    f1();
    f2();
}

如果f1是异步并返回 Observable ，请使用Rxjs operator，例如concatMap：

global() {
    f1().concatMap(() => f2());
}

如果f1是异步并返回 Promise ，请使用async/await：

async global() {
    await f1();
    f2();
}

如果f1是异步，并返回 Promise （可选）：

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

Answer 3

只需删除超时

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

function f2() {
    console.log('i am second');
}

f1().then(f2);

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

3 个答案: