如何使用默认值中的字段来补充对象？

Question

我有函数定义：

export function DivotTemplate(divot: Divot = {step: 8, triangleWidth: 4, radius: 0.6, strokeStyle: '#000'}, canvas: HTMLCanvasElement): HTMLCanvasElement {}

我希望不能像这样传递所有的对象参数：

DivotTemplate({step: 10});

作为结果，以获得函数的内部主体：

{step: 10, triangleWidth: 4, radius: 0.6, strokeStyle: '#000'}

有可能吗？

Answer 1

要调用updateDivot({step: 10});，请使用Partial

interface Divot {
  step: number;
  triangleWidth: number;
  radius: number;
  strokeStyle: string;
}

function updateDivot(fieldsToUpdate: Partial<Divot>) {
  const divot: Divot = {
    step: 8,
    triangleWidth: 4,
    radius: 0.6,
    strokeStyle: '#000'
  };
  const updatedDivot = { ...divot, ...fieldsToUpdate };
  // use the object for further operations
}