javascript - 箭头函数中的可选参数

Question

我有一个像这样的处理程序

handleSelect = (k0, k1, v) => {
    ...
    }
};

我想在这里将 k1 设为可选。有什么好的方法吗？

Answer 1

没有什么好办法。这并非特定于 React 或箭头。

中间带有可选参数的可变参数函数需要解析参数:

handleSelect = (...args) => {
  let k0, k1, v;
  if (args.length > 2) {
    [k0, k1, v0] = args;
  } else {
    [k0, v0] = args;
    k1 = 'default';
  }
  ...
};

这可能会导致 API 晦涩难懂。对于具有多个参数(其中一些参数是可选的)的函数，一个更好的方法是接受一个带有选项的对象。函数不依赖于这种方式的参数顺序:

handleSelect = ({ k0, k1 = 'default', v }) => {
  ...
};