javascript - promise 解决后，如何在错误中传递错误？

Question

我有一个api调用。万一失败，我想得到一个错误。为什么错误出现在then()中而不出现在catch()中？如何从捕获中访问它？我希望不必在then()内编写长函数，例如if!res &&等。
这是代码:

const postStuff = async () => {
  try {
    const res = await ax.post("/stuff");
    return res;
  } catch (err) {
    return new Error();
  }
};

export default function App() {
 React.useEffect(()=> {
    postStuff()
    .then(res=> console.log("res", res))
    .catch(err=> console.log("err", err))
 }, [])
  return (
    <div className="App">
     hello world
    </div>
  );
}

Answer 1

由于您只是在捕获错误后才返回错误，因此它将不再到达catch中的useEffect块。
只需在catch块中抛出错误:

const postStuff = async() => {
  try {
    const res = 'bla';
    throw new Error();
    return res;
  } catch (err) {
    throw new Error();
  }
};

postStuff().then(res => console.log('then', res))
  .catch(err => console.log('catch', err))

或者删除 postStuff中的try catch:

const postStuff = async() => {
  const res = 'bla';
  throw new Error();
  return res;
};

postStuff().then(res => console.log('then', res))
  .catch(err => console.log('catch', err))