JavaScript中使用Promise的函数无法返回预期值问题求解

你遇到的undefined输出来自两个核心问题：

1. 定义的promise函数没有显式返回值。JS中所有未写return的函数，执行后默认返回undefined，你在函数内部创建了Promise、绑定了then/catch链，但没有把这个Promise链返回给函数外部，调用函数时首先拿到的就是默认的undefined。
2. 即便你把Promise链返回了，直接同步执行console.log也拿不到异步结果。Promise的then/catch回调属于微任务，会在当前所有同步代码执行完毕、调用栈清空后才会执行，同步执行的log根本等不到回调里的返回值。

方式1：返回Promise后通过then回调取值 #

function promise() {
  const p = new Promise((resolve, reject) => {
    resolve(["a", "random", "array"]);
    // 注意：resolve()前不需要加return，它只是改变Promise状态的函数调用，返回值无意义
  });
  // 关键：把整个Promise链return到函数外部
  return p.then((response) => {
    return response;
  }).catch((error) => {
    return error;
  });
}

// 在then回调里拿到异步结果
promise().then(res => {
  console.log(res); // 输出: ["a", "random", "array"]
});

方式2：使用async/await语法按同步逻辑取值 #

async function runTask() {
  const result = await promise();
  console.log(result); // 输出: ["a", "random", "array"]
}
runTask();

• 函数返回值规则：JS函数的返回值完全由return语句决定，没有return就默认返回undefined，函数内部的变量、逻辑结果如果不通过return抛出，外部完全访问不到。
• Promise异步执行规则：Promise一旦创建就会立即执行构造函数里的逻辑，但then/catch里的回调会被放入微任务队列，必须等当前宏任务里的所有同步代码跑完，才会按顺序执行微任务队列里的回调。Promise本质是异步操作的占位符，代表一个未来才会落定的结果，你永远无法在同步代码流里直接拿到它内部的终值，必须通过then回调或者await等待状态落定后取值。
• Promise链式调用规则：每次调用.then/.catch都会返回一个新的Promise，只有把整个链返回，外部才能挂载回调拿到链上传递的值。

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