関数を途中で終了したい

Question

すみません教えてください。
ある関数内で同期処理を行いその処理の結果によって関数を終了させたいのですがなかなか実装できず困ってます...。

処理配下です。

StackBlitzでの動作サンプル

export class AppComponent {
  async ngOnInit() {
    console.log('処理開始 ---------------------------');
    await this.main();
    console.log('処理終了 ---------------------------');
  }

  async main() {
    // 処理1
    console.log('1つ目の処理');
    // 処理2
    await new Promise((resolve) => {
      setTimeout(() => {
        console.log('2つ目の処理');
        const popup = true;
        if (popup) {
          resolve('');
          return;
        }
        resolve('');
      }, 500);
    });
    // 処理3
    console.log('3つ目の処理 ← 2がtrueなので本当は処理されてほしくない ');
  }
}

実行結果

// 処理開始 ---------------------------
// 1つ目の処理
// 2つ目の処理
// 3つ目の処理 ← 2がtrueなので本当は処理されてほしくない
// 処理終了 ---------------------------

上記の場合、３つの処理が上から同期実行され2つ目の処理でmain()関数を抜けて元のngOnInit()処理へ戻って欲しいです。
このプログラムだとどうしても3つ目の処理が走ってしまうことと、2つ目の処理のif内でresolve('')を返さないと永久にpendingになってしまい後続が走りません。

[求める実行結果]

// 処理開始 ---------------------------
// 1つ目の処理
// 2つ目の処理
// 処理終了 ---------------------------

Callbackや即時関数使ってもなかなかうまい具合に処理できません。
大変申し訳ございませんがどなたかご教示くださいませ。

Answer 1

処理１の前に

bProcess = true;

としておいて、処理完了して以後やらないときは

bProcess = false;

処理３を行う前に

  if (!bProcess)
    return;