如何利用“函数柯里化”预设 API 的公共前缀构建可复用的网络请求工具-js教程-PHP中文网

柯里化可分层固化 baseurl、认证信息和请求方法，形成语义化 api 调用链：单层固定域名，两层追加 token，三层封装 get/post 方法，并支持统一错误处理与响应解析。

如何利用“函数柯里化”预设 api 的公共前缀构建可复用的网络请求工具

直接用柯里化把 baseURL 提前“锁住”，后续所有接口只关心路径和参数，不用反复写域名或环境地址。

用单层柯里化固定基础 URL

定义一个接收 baseUrl 的函数，返回另一个接收请求配置的函数：

const createAPI = (baseUrl) => (options) => {
  const { method = 'GET', path = '', headers = {}, body } = options;
  const url = `${baseUrl}${path}`;
  return fetch(url, {
    method,
    headers: { 'Content-Type': 'application/json', ...headers },
    body: method !== 'GET' && body ? JSON.stringify(body) : undefined
  });
};

这样就能生成不同环境的专属请求函数：

const devAPI = createAPI('https://api.dev.example.com');
const prodAPI = createAPI('https://api.prod.example.com');

调用时只需传具体路径和数据：devAPI({ path: '/users', method: 'POST', body: { name: 'Alice' } });

两层柯里化：再固化请求头（如认证）

如果每个请求都要带 Token，可以再加一层，让认证信息也预置：

科学计算器在线使用工具代码

html5 css3制作在线科学计算器ui布局，3D计算器面板，加减乘除数字计算器工具特效。

下载

const createAPI = (baseUrl) => (authToken) => (options) => {
  const { method = 'GET', path = '', headers = {}, body } = options;
  const url = `${baseUrl}${path}`;
  return fetch(url, {
    method,
    headers: {
      'Content-Type': 'application/json',
      'Authorization': `Bearer ${authToken}`,
      ...headers
    },
    body: method !== 'GET' && body ? JSON.stringify(body) : undefined
  });
};

使用方式更清晰：

const userAPI = createAPI('https://api.example.com')('abc123');
userAPI({ path: '/profile' });
userAPI({ path: '/settings', method: 'PUT', body: { theme: 'dark' } });

配合模块路径，自然形成语义化调用链

进一步把业务路径也柯里化，让调用像读句子一样直观：

const createAPI = (baseUrl) => (authToken) => {
  const withAuth = (headers = {}) => ({
    get: (path) => fetch(`${baseUrl}${path}`, { 
      method: 'GET', 
      headers: { 'Authorization': `Bearer ${authToken}`, ...headers } 
    }),
    post: (path, body) => fetch(`${baseUrl}${path}`, { 
      method: 'POST', 
      headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}`, ...headers }, 
      body: JSON.stringify(body) 
    })
  });
  return { withAuth };
};

调用示例：