向“值”添加类型时出现意外标记

Question

 const count= data.reduce((s:any, {(value:any)}) => s + value, 0);

我正在尝试向“值”添加一个新类型，它显示未执行的令牌，我是键入脚本的新手，请帮助

Answer 1

这里有几个问题：

1. 在value: any 部分周围不应有任何()。
2. 您不能像这样提供内联解构参数的类型，因为它与解构语法的重命名功能相冲突。 {value: any} 表示“取value 的值并将其放入名为any 的变量/参数中。

要将类型赋予解构模式，请将模式作为一个整体输入：

// The destructured parameter −−−−−−vvvvv
const count = data.reduce((s: any, {value}: {value: any}) => s + value, 0);
// The type for the object −−−−−−−−−−−−−−−^^^^^^^^^^^^^^

Playground link

---

一般来说，any 类型注释不是最佳实践。您还没有展示data 是什么，但在大多数情况下，您根本不需要在回调的参数上添加类型注释。例如，假设data 是{value: number;}[] - 一个对象数组，其具有value 属性是一个数字。鉴于 data 的类型，TypeScript 根本不需要对该 reduce 调用进行任何类型注释：

const count = data.reduce((s, {value}) => s + value, 0);

TypeScript 从结尾处的0 和data 的定义中知道s 和value 都是数字，并且结果将是一个数字。

---

在评论中，您曾问过如何使用forEach 执行此操作，您还需要索引。同样，您可能不需要指定类型，当然也不需要指定 index 的类型，因为 TypeScript 知道 forEach 回调中的类型。但是如果你这样做了，因为 index 没有被解构，你只需指定它的内联类型：

// If TypeScript knwos the type of `this.data`, you DON'T NEED THESE TYPES
this.data.forEach(({value, text, data}: {value: typeOfValue; text: typeOfText; data: typeOfData}, index: number) => {
// Types −−−−−−−−−−−−−−−−−−−−−−−−−−−−−^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^−−−−−−−^^^^^^^^
    // ....
}