在使用 Angular 开发前端应用时，我们可能会遇到 ERROR TypeError: n.call is not a function 这样的错误。这个错误通常发生在我们使用类似 map、filter 等数组函数时。
错误原因
这个错误的原因是因为我们在使用这些数组函数时，传递给它们的参数不是一个数组。这个参数可能是一个 null 值，或者一个不包含相应函数的对象。
例如，在以下示例代码中，我们声明了一个名为 users 的变量，并在其上使用了 map 函数：
const users = null; const names = users.map(user => user.name);
这个代码将会抛出 ERROR TypeError: n.call is not a function 错误，因为 users 不是一个数组，而是一个 null 值。因此，这个变量并没有 map 函数可用。
解决方法
为了解决这个错误，我们需要确保传递给数组函数的参数是一个数组类型。在 Angular 应用中，我们可以使用 Safe Navigation 操作符（?）来避免这个错误的发生。
下面是一个更改后的示例代码，应用了 Safe Navigation 操作符：
const users = null; const names = users?.map(user => user.name);
通过使用 Safe Navigation 操作符，如果 users 是 null 值，代码将不会执行 map 函数。而是直接将 names 赋值为 null 值。
另外，我们也可以在代码中使用方法来验证一个对象是否是一个数组类型：
function isArray(obj: any) {
return Object.prototype.toString.call(obj) === '[object Array]'
}这个方法会返回一个布尔值，表示传递给它的参数是否是一个数组类型。
总结
在使用 Angular 开发前端应用时，可能会遇到 ERROR TypeError: n.call is not a function 这个错误。这个错误通常发生在我们使用类似 map、filter 等数组函数时，传递给它们的参数不是一个数组。我们可以使用 Safe Navigation 操作符（?）来避免这个错误的发生，或者使用方法来验证一个对象是否是一个数组类型。在开发过程中，我们需要特别注意传递参数的类型，以避免这个错误的发生。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6596440ceb4cecbf2da1df33