JavaScript中导入字符串中间变量的级联

我创建了一个特殊的js文件，在该文件中，我将映射所有api端点，并将其导入我的redux saga：

export const API_BASE_URL = 'https://localhost:3000/api';
export const USERS = '/Users';

export default {
  users: {
    example: `${API_BASE_URL}${USERS}/example`,
    checkEmail: `${API_BASE_URL}${USERS}${HERE_I_NEED_MY_VARIABLE}/checkEmail`,
  },
};

但我的端点看起来是这样的：

import { api } from 'utils';

export function* checkEmail({ value }) {
  const requestURL = `https://localhost:3000/api/Users/${value}/checkEmail`;
  // I would like to do this: (pseudocode) const requestURL = `${api.users.checkEmail} + ${value}`
  ...
};

---

我怎样才能让它看起来漂亮和专业？最新的js允许您这样做吗？

您可以将URL存储到函数中，这样您就可以传递一些参数来填补空白

export const API_BASE_URL = 'https://localhost:3000/api';
export const USERS = '/Users';

export default {
  users: {
    example: () => `${API_BASE_URL}${USERS}/example`,
    checkEmail: (variable) => `${API_BASE_URL}${USERS}/${variable}/checkEmail`,
  },
};

然后像调用其他函数一样调用它

import { api } from 'utils';

export function* checkEmail({ value }) {
  const requestURL = `${api.users.checkEmail(value)}`
  ...
};

我还替换了字符串模板中的字符串连接，因为我不确定这是否是您想要的