函数参数的 TypeScript 类型没有错误？

Question

我正在尝试使用 Typescript 定义必须将哪些参数传递给 React 中的函数：

type IncrementDecrementFunctionArgs = {
  id: number;
  amount: string;
  foo: string;
};

export const dummyProps = {
  increment: function({ id, amount }: IncrementDecrementFunctionArgs) {
    console.log("increment ", id, " by amount: ", amount);
  }
}

props 散布到组件中：

<Component {...dummyProps} />  

组件调用函数：

  const handleClick = (val: incrementDecrement) => {
    if (val === incrementDecrement.increment) {
      increment({ id, amount });
    } else {
      decrement({ id, amount });
    }
  };

我不明白为什么这不会出错。 foo不存在。 id是一个字符串， amount是一个数字。

Answer 1

因为您实现的函数实际上可以接受foo作为对象参数的属性。

以下对您的函数有效：

props.increment({id: 1, amount: 2, foo: 3}); // no runtime errors.

TypeScript 中允许忽略属性，因为使用函数忽略的参数进行调用是有效的。