主页 / 问题 / 1479423
Accepted
SwaD
Asked:2022-12-20 06:13:08 +0000 UTC2022-12-20 06:13:08 +0000 UTC

为什么会报错：Uncaught TypeError: *** is not a function

  • 772

在开发过程中，周期性地JavaScript发生错误：Uncaught TypeError: *** is not a function

例如在这段代码中：

const result = this.response;
result.forEach((e) => console.log(e));

未捕获的类型错误：result.forEach 不是函数

或者在这个：

const errors = response.errors.map(item => item.toString());

未捕获的类型错误：response.errors.map 不是一个函数

如何理解这个错误是什么、它意味着什么、为什么会出现以及如何修复它？

javascript

1 个回答

  1. Best Answer

    我们将考虑这个对象的例子

    const data = {
    name: 'TypeError',
    message: '',
    errors: null,
    sayHi: function() {
        console.log(this.name)
    }
}

    未捕获的类型错误：*** 不是函数

    当我们试图调用一个对象的方法（函数），但它不是一个时，就会出现这个错误。

    data.getName(); // <- Uncaught TypeError: data.getName is not a function
data.errors(); // <- Uncaught TypeError: data.errors is not a function

    在第一种情况下它getName()不在对象中，在第二种情况下错误不是一个函数。

    类型不匹配

    也许我们期待一个数组来找我们，我们正在尝试执行：

    data.name.forEach(item => console.log(item));

    我们会得到一个错误，因为字符串没有方法forEach

    如何避免此类错误？

    检查对象中有什么，对象中是否存在我们需要的数据。验证选项之一，使用console.log().
    您可以从最后一个密钥开始，但最好打印整个密钥以了解我们正在使用的结构：

    console.log(data) // { name: 'TypeError', message: '', errors: null, sayHi: [Function] }
console.log(data.errors) // null
console.log(data.sayHi) // [Function: sayHi]

    在调用该函数之前，建议检查键的类型。如果我们的键是一个函数，则调用。

    // data существует, есть ключ sayHi и sayHi функция
if (data && data.sayHi && typeof data.sayHi === 'function') {
    data.sayHi();
}

    签入时，if最好指定完整的密钥链进行验证，因为例如以下构造将抛出异常，因为 data.values不存在：

    if (data.values.showValue && typeof data.values.showValue === 'function') {
    console.log(data.values.showValue());
}

    您可以使用可选的链接运算符“ ?”来缩短代码。'：

    // data существует?, есть ключ sayHi и sayHi функция
if (data?.sayHi && typeof data.sayHi === 'function') {
    data.sayHi();
}

    可选的链运算符将检查左侧的值。如果值为nullor undefined，则链终止并返回undefined。

    有时，即使我们确信数据的正确性，此类错误也可能是由平庸的拼写错误引起的。检查你自己和你的代码！

    if (data && data.sayHi && typeof data.sayHi === 'function') {
    data.sayHI(); // sayHI нет, но есть sayHi
}
    • 4

相关问题