javascript - 在 Typescript 中将函数参数定义为对象

Question

与其调用单独传递参数的函数，我更喜欢将它们作为对象传递，这样顺序就不重要了。

例如

const sum = ({ arg1, arg2, arg3 }) => arg1 + arg2 + arg3;

现在我正在将我的一些代码迁移到 Typescript，但我不确定我应该如何为这样的函数定义接口(interface)。

我试过类似的东西，但它不起作用:

有什么线索吗？

Answer 1

怎么样:

interface InputObj {
    arg1: number;
    arg2: number;
    arg3: number;
}

interface ExampleProps {
    sum: (input: InputObj) => number
}

或内联:

interface ExampleProps {
  sum: (
    input: {
      arg1: number;
      arg2: number;
      arg3: number;
    }
  ) => number;
}

但根据您的用例，您可能不需要定义 ExampleProps。这是没有任意 input 对象名称的 sum 函数:

const sum = ({
  arg1,
  arg2,
  arg3
}: {
  arg1: number;
  arg2: number;
  arg3: number;
}) => arg1 + arg2 + arg3;