最新消息:Welcome to the puzzle paradise for programmers! Here, a well-designed puzzle awaits you. From code logic puzzles to algorithmic challenges, each level is closely centered on the programmer's expertise and skills. Whether you're a novice programmer or an experienced tech guru, you'll find your own challenges on this site. In the process of solving puzzles, you can not only exercise your thinking skills, but also deepen your understanding and application of programming knowledge. Come to start this puzzle journey full of wisdom and challenges, with many programmers to compete with each other and show your programming wisdom! Translated with DeepL.com (free version)

javascript - Code still executed after return statement in catch? - Stack Overflow

matteradmin6PV0评论
console.log('1');
await get()
    .then()
    .catch(() => {
        console.log('2');

        return;
    });
console.log('3');

Why did console logs 1 2 3? I thought after return statement, the code will be not executed?

console.log('1');
await get()
    .then()
    .catch(() => {
        console.log('2');

        return;
    });
console.log('3');

Why did console logs 1 2 3? I thought after return statement, the code will be not executed?

Share Improve this question asked Mar 12, 2020 at 3:38 iamhuynqiamhuynq 5,5492 gold badges16 silver badges40 bronze badges
Add a ment  | 

2 Answers 2

Reset to default 6

return will only terminate the current function. Here, the function that gets terminated by the return is the .catch callback.

Since .catch returns a resolved Promise, the awaited Promise chain will resolve when the catch resolves.

If you want to stop the outer function when the catch runs, have your catch return something that you check outside, eg:

(async() => {
  console.log('1');
  const result = await Promise.reject()
    .catch(() => {
      console.log('2');

      return 2;
    });
  if (result === 2) {
    return;
  }
  console.log('3');
})();

Or have the .catch throw an error, so that the outer Promise chain rejects. Since it's being awaited, the whole outer Promise will then reject:

const fn = async () => {
  console.log('1');
  const result = await Promise.reject()
    .catch(() => {
      console.log('2');
      throw new Error();
    });
  console.log('3');
};

fn()
  .then(() => console.log('resolved'))
  .catch(() => console.log('rejected'))

If your .catch doesn't do anything substantial but you want this sort of behavior, it's usually a good idea to omit it entirely. That way, when there's an error, the awaited Promise will reject, the function will terminate, and the error can be caught by the appropriate consumer.

const fn = async () => {
  console.log('1');
  const result = await Promise.reject();
  console.log('3');
};

fn()
  .then(() => console.log('resolved'))
  .catch(() => console.log('rejected'))

It's because the return is in a separate function (the catch handler).

The return only applies to the function it is inside of. It will not affect the outer scope.

Post a comment

comment list (0)

  1. No comments so far