当你在使用 Angular 开发网页应用时，你可能会遇到一些 TypeScript 报错，其中比较常见的一种就是“TS2339：属性 'find' 不存在于类型的值上”。这篇文章将会帮助你解决这个问题，并且让你更好地理解 TypeScript。
什么是“TS2339：属性 'find' 不存在于类型的值上”？
首先，让我们看一下这个报错的具体内容。它通常会出现在你尝试使用数组的 find() 方法时，类似于下面这样：
Property 'find' does not exist on type 'SomeType'.
这个报错的意思是说，你所使用的数组的类型 SomeType 并没有 find() 方法。这通常会导致编译错误，并且会使你的代码无法运行。
什么是 TypeScript？
在解决这个问题之前，我们需要了解一下 TypeScript。TypeScript 是一种由微软开发的语言，它是 JavaScript 的超集，意思是它包含了更多的特性和功能，使得代码可以更加健壮和易读。
和 JavaScript 不同的是，TypeScript 可以通过类型检查来检查代码的正确性。这意味着当你在使用 TypeScript 编写代码时，你可以更容易地发现代码错误，并且可以在编译期间捕获这些错误，避免运行时错误的发生。
如何解决“TS2339：属性 'find' 不存在于类型的值上”？
好的，现在让我们回到我们的问题，如何解决“TS2339：属性 'find' 不存在于类型的值上”？其实解决这个问题非常简单。问题主要是因为 TypeScript 不知道你所使用的数组类型是否包含 find() 方法。要解决这个问题，你只需要告诉 TypeScript 你所使用的数组类型包含 find() 方法即可。
这可以通过一个简单的类型声明来实现，就像下面这样：
interface Array<T> {
find(predicate: (value: T, index: number, obj: T[]) = > boolean, thisArg?: any): T | undefined;
}这个类型声明告诉 TypeScript，数组类型包含 find() 方法，并且它需要一个谓词函数作为参数，该函数将返回一个布尔值，用于确定数组中是否存在符合要求的元素。
在声明这个类型之后，如果你的数组类型包含 find() 方法，TypeScript 就会自动识别它，然后你就可以在你的代码中使用它了。
一个例子
让我们来看一个使用 find() 方法的例子：
-- -------------------- ---- ------- --------- ---- - ----- ------- ---- ------- - ----- ------ ------ - - - ----- -------- ---- -- -- - ----- ------ ---- -- -- - ----- ---------- ---- -- - -- ----- ------- - --------------- -- --------- --- ------- ------------------------- -- ------- --
这个例子中，我们首先声明了一个 User 接口，用于指定我们的用户对象应包含的属性和类型。然后我们创建了一个包含多个用户对象的数组 users，并且使用 find() 方法找到了名字为“Bob”的用户对象，并输出了他的年龄。
在这个例子中，我们并没有明确地告诉 TypeScript 我们的 User 对象数组包含 find() 方法，但是 TypeScript 能够自动识别。这是因为 find() 方法是 JavaScript 中常见的数组方法，并且 TypeScript 能够自动为这些方法添加声明。
结论
在这篇文章中，我们了解了 TypeScript 报错“TS2339：属性 'find' 不存在于类型的值上”的问题，并且学习了如何通过类型声明解决它。虽然这个问题可能看起来很微小，但是理解并解决它的过程可以让你更好地理解 TypeScript，并且能够为你在以后的开发工作中提供更多的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67222d242e7021665e0aa879