typescript - 函数定义参数中的大括号是什么？

Question

我有一个 Angular 5 项目，我看到了这个 Typescript 代码。

(method) CreateFlightComponent.handleSave({ currentValue, stepIndex }: {
    currentValue: Partial<Flight>;
    stepIndex: number;
}): void

---

谁能解释一下这部分？或者有没有更好的方式用不同的语法来表达？

{ currentValue, stepIndex }: {
    currentValue: Partial<Flight>;
    stepIndex: number;
} 

Answer 1

嗯，handleSave函数将复杂类型作为输入参数，并返回 void。输入类型包含两个属性:

• currentValue类型为 Partial<Flight>
• stepIndex类型为 number .

另一种用不同语法表达相同内容的方法可能是:

interface IHandleTypeParams {
    currentValue: Partial<Flight>;
    stepIndex: number;
}

然后改用接口(interface):

CreateFlightComponent.handleSave( input:IHandleTypeParams): void

或解构:

CreateFlightComponent.handleSave({ currentValue, stepIndex }: IHandleTypeParams): void

参见 playground .

在 MDN 上阅读更多关于解构的信息.