如何为多个JavaScript函数统一设置相同默认参数而无需复制粘贴？

当然有办法避免重复复制默认参数啦！重复写相同的默认值不仅麻烦，后期维护也容易出错，我给你几个实用的方案：

方案一：提取默认参数到常量对象（最推荐） #

先把重复的默认回调抽成一个常量对象，然后在函数里通过对象解构来使用这些默认值，这样以后要修改默认逻辑，只需要改这一个地方就行：

// 统一存放默认回调的常量
const DEFAULT_CALLBACKS = {
  failCB: (err) => error(" Error"),
  successCB: () => success("✌ Success")
};

// 修改后的第一个函数
export function modify(id, values, { failCB = DEFAULT_CALLBACKS.failCB, successCB = DEFAULT_CALLBACKS.successCB } = {}) {
  // ...你的业务逻辑
  if (err) {
    failCB(err.message);
  } else {
    successCB();
  }
}

// 修改后的第二个函数
export function remove(id, { failCB = DEFAULT_CALLBACKS.failCB, successCB = DEFAULT_CALLBACKS.successCB } = {}) {
  // ...你的业务逻辑
  if (err) {
    failCB(err.message);
  } else {
    successCB();
  }
}

这里末尾的= {}是关键：如果调用函数时没有传回调参数，解构一个空对象就不会报错，同时会自动使用我们预设的默认值。

方案二：用高阶函数封装（适合有更多重复逻辑的场景） #

如果你的函数除了默认参数，连错误/成功的处理逻辑都很相似，那可以用高阶函数把这部分逻辑统一封装起来：

const DEFAULT_CALLBACKS = {
  failCB: (err) => error(" Error"),
  successCB: () => success("✌ Success")
};

// 封装默认回调逻辑的高阶函数
const withDefaultCallbacks = (fn) => {
  return (...args) => {
    // 初始化默认回调
    let failCB = DEFAULT_CALLBACKS.failCB;
    let successCB = DEFAULT_CALLBACKS.successCB;

    // 根据函数的参数位置，判断用户是否传入了自定义回调
    // 这里需要根据你实际的参数结构调整，比如modify的第三个参数是回调，remove的第二个是
    const callbackArgs = args.filter(arg => typeof arg === 'function');
    if (callbackArgs.length >= 1) failCB = callbackArgs[0];
    if (callbackArgs.length >= 2) successCB = callbackArgs[1];

    // 过滤掉原参数里的回调，传入处理后的默认/自定义回调
    const nonCallbackArgs = args.filter(arg => typeof arg !== 'function');
    return fn(...nonCallbackArgs, failCB, successCB);
  };
};

// 用高阶函数包装你的业务函数
export const modify = withDefaultCallbacks((id, values, failCB, successCB) => {
  // ...你的业务逻辑
  if (err) {
    failCB(err.message);
  } else {
    successCB();
  }
});

export const remove = withDefaultCallbacks((id, failCB, successCB) => {
  // ...你的业务逻辑
  if (err) {
    failCB(err.message);
  } else {
    successCB();
  }
});

这个方案不仅统一了默认参数，还能把重复的参数校验逻辑也封装起来，让业务函数更干净。

方案三：提取单独的回调函数（简单直接） #

如果你的默认回调逻辑固定，也可以直接把它们抽成单独的函数，然后在参数里引用：

// 单独定义默认回调函数
function defaultFailCB(err) {
  error(" Error");
}

function defaultSuccessCB() {
  success("✌ Success");
}

export function modify(id, values, failCB = defaultFailCB, successCB = defaultSuccessCB) {
  // ...你的业务逻辑
  if (err) {
    failCB(err.message);
  } else {
    successCB();
  }
}

export function remove(id, failCB = defaultFailCB, successCB = defaultSuccessCB) {
  // ...你的业务逻辑
  if (err) {
    failCB(err.message);
  } else {
    successCB();
  }
}

这个方案比直接写匿名函数更易维护，修改默认逻辑时只需要更新这两个单独的函数即可。

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