返回Promise的函数调用与return执行的相关技术疑问

问题1：调用返回Promise的函数后立刻return，该函数的执行会停止吗？ #

不会停止。返回Promise的函数里，同步代码会立即执行完毕，而内部的异步任务（比如封装的API请求、setTimeout回调这类）会被放进事件队列。当外部代码执行到return语句时，只是当前的外层函数退出，但callToFunction()已经启动的异步逻辑不会被中断，等主线程空闲后，事件队列里的异步任务会继续执行。

举个实际例子，如果callToFunction()是这样：

function callToFunction() {
  console.log("同步代码执行");
  return new Promise(resolve => {
    setTimeout(() => {
      console.log("异步代码执行");
      resolve();
    }, 1000);
  });
}

执行原问题的示例代码后，会先输出同步代码执行，外层函数return退出，1秒后依然会输出异步代码执行。

问题2：不使用async/await时，return会让callToFunction()停止吗？必须用async/await才能让它正常执行吗？哪种方式推荐？ #

1. 执行不会停止，原因和问题1一致——callToFunction()的同步逻辑会跑完，异步逻辑也会在后续时机执行。
2. 完全不需要用async/await才能让它正常执行，直接调用callToFunction()就可以启动它的逻辑。async/await只是处理Promise异步流程的语法糖，不是函数执行的必要条件。
3. 推荐方式分场景：
   • 如果不需要等待callToFunction()的执行结果，直接调用即可，但要记得处理Promise的错误（比如加.catch(err => console.error(err))），避免出现未捕获的Promise rejection。
   • 如果需要等待callToFunction()完成后再做后续操作或者返回结果，推荐用async/await（或者.then()链式调用），这样代码逻辑更清晰，也更容易处理错误和顺序执行的需求。比如：

     // async/await写法
     async function outerFunction() {
       await callToFunction().catch(err => console.error(err));
       return;
     }
     // .then()写法
     function outerFunction() {
       callToFunction().then(() => {/* 后续逻辑 */}).catch(err => console.error(err));
       return;
     }
     

原问题代码示例：

{
    callToFunction(); // 该函数返回Promise
    return;
}

内容的提问来源于stack exchange，提问作者Kaushik Das