主页 / 问题 / 1479715
Accepted
SwaD
Asked:2022-12-21 02:51:26 +0000 UTC2022-12-21 02:51:26 +0000 UTC

为什么会出现错误：Uncaught TypeError: Cannot read property of undefined or null (reading ***)

  • 772

在开发过程中，周期性地JavaScript发生错误：无法读取未定义的属性 ***或无法读取 null 的属性 ***

例如在这段代码中：

const count = result.data.length;

无法读取未定义的属性（读取“长度”）

或者在这个：

const dataMap = response.lines.map(item => item * 2);

未捕获的类型错误：无法读取未定义的属性（读取“地图”）

如何理解错误的原因，它是什么意思，为什么会出现以及如何解决？

javascript

1 个回答

  1. Best Answer

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

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

    无法读取未定义或 null 的属性

    如果我们尝试执行以下代码，将会发生错误：

    data.errors.forEach(item => console.log(item)); // null.forEach()

    未捕获的 TypeError：无法读取 null 的属性（读取“forEach”）

    data.values.map(item => console.log(item)); // undefined.map()

    未捕获的类型错误：无法读取未定义的属性（读取“地图”）

    这些错误告诉我们，我们正试图在没有任何东西（null或undefined）的情况下调用方法。
    data.errors它是空的。null 没有方法。根本不data.values存在。你不能对不存在的东西调用方法。

    无法读取属性

    of undefined - 键未定义，即 从对象中丢失。
    of null - 对象中有一个键，但它的值为null。它null没有方法。

    如何避免？

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

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

    您还可以使用可选的链接运算符 ' ?。'

    const a = data?.errors?.forEach(item => console.log(item)); // null.forEach()
const b = data?.values?.map(item => console.log(item)); // undefined.map()

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

    • 1

相关问题