抽象api调用并尝试将catch块转换为JavaScript中的一个常用方法，以使其更具可重用性

Question

export const getDatilsCall = async (testId) => {
  try {
    const resp = await axiosInstance.get(
      getUrl(DETAILS, { urlParams: { testId } })
    );
    return resp.data;
  } catch (err) {
    throw handleExceptions(err);
  }
};

export const getDefaultCall = async (productId) => {
  try {
    const resp = await axiosInstance.get(
      getUrl(DEFAULT, { queryParams: { productId } })
    );
    return resp.data;
  } catch (err) {
    throw handleExceptions(err);
  }
};

假设有一个包含上述方法的api.js文件，“getUrl”和“handleExceptions”已经被抽象出来，我可以直接使用它们。但是似乎对于每个api调用，我们都需要重复的试抓块包括“等待axiosInstance.get”“返回resp.data”等...

你们认为我们是否需要为上述方法提取try-catch块，或者用当前的方法就足够了。谢谢

根据评论更新我的问题。我删除try/catch并在顶层使用try/catch怎么样？但如何处理错误部分？我需要在顶层抛出handleExceptions（err）吗？

    export const getDefaultCall = async (productId) => {
      
        const resp = await axiosInstance.get(
          getUrl(DEFAULT, { queryParams: { productId } })
        );
        return resp.data;
     
    };

Answer 1

我查看了你更新的帖子，我认为有两种选择

1. 如果您想管理特定的错误，关于调用axios或函数中的其他代码，您可以在函数getDefaultCall中尝试捕获，例如：

 export const getDefaultCall = async (productId) => {
  try {

    const resp = await axiosInstance.get(
      getUrl(DEFAULT, { queryParams: { productId } })
    );

    // await anythings

    // await anythings

    return resp.data;
  } catch (err) {
    // manage special error, like custom message, or response structure json for other error manager
  }
};

但是

export const getDefaultCall = async (productId) => {
  const resp = await axiosInstance.get(
    getUrl(DEFAULT, { queryParams: { productId } })
  );
  return resp.data;
};

// use

something() {
  try {
    // if getDefault Call fail, jump auto to catch
    const data = await getDefaultCall();

  } catch (err) {
    
  }
}