javascript - {} 之间的打字稿参数是什么意思？

Question

在下面的打字稿代码中，我不明白为什么 data 参数在大括号之间以及为什么它有一个 : 后跟具有类型规范的相同数据对象。这是什么意思？

addArrivingTruckSuggestions(state: ITruckState, { data }: { data: IOperationalTruck[] }) {
        state.arrivingTruckSuggestions = searchService.createTruckSuggestions(data);
    }

标签： javascripttypescript

Answer 1

这个函数有两个参数，state和一个包含 的对象data。

该state对象的类型为ITruckState。够直了。

下一个参数必须是一个对象，但这个函数唯一关心的属性是data. 这就是为什么周围有花括号的原因data，它是从传入的包装对象中解构的。第二组花括号是定义datas 类型。它被包裹在花括号中，因为只有data属性被赋予了一个类型。