当你在使用 Angular 开发网页应用时，你可能会遇到一些 TypeScript 报错，其中比较常见的一种就是“TS2339：属性 'find' 不存在于类型的值上”。这篇文章将会帮助你解决这个问题，并且让你更好地理解 TypeScript。
什么是“TS2339：属性 'find' 不存在于类型的值上”？
首先，让我们看一下这个报错的具体内容。它通常会出现在你尝试使用数组的 find() 方法时，类似于下面这样：
-------- ------ ---- --- ----- -- ---- -----------
这个报错的意思是说，你所使用的数组的类型 SomeType 并没有 find() 方法。这通常会导致编译错误，并且会使你的代码无法运行。
什么是 TypeScript？
在解决这个问题之前，我们需要了解一下 TypeScript。TypeScript 是一种由微软开发的语言，它是 JavaScript 的超集，意思是它包含了更多的特性和功能，使得代码可以更加健壮和易读。
和 JavaScript 不同的是，TypeScript 可以通过类型检查来检查代码的正确性。这意味着当你在使用 TypeScript 编写代码时，你可以更容易地发现代码错误，并且可以在编译期间捕获这些错误，避免运行时错误的发生。
如何解决“TS2339：属性 'find' 不存在于类型的值上”？
好的，现在让我们回到我们的问题，如何解决“TS2339：属性 'find' 不存在于类型的值上”？其实解决这个问题非常简单。问题主要是因为 TypeScript 不知道你所使用的数组类型是否包含 find() 方法。要解决这个问题，你只需要告诉 TypeScript 你所使用的数组类型包含 find() 方法即可。
这可以通过一个简单的类型声明来实现，就像下面这样：
--------- -------- - --------------- ------- -- ------ ------- ---- ---- - - -------- --------- ----- - - ---------- -
这个类型声明告诉 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