chrome · JavaScript
报错原文
Uncaught TypeError: Cannot read properties of undefined (reading 'name')
这是什么意思
点号左边的值是 undefined，你却去读它的属性；括号里的名字是你想读的属性，所以坏掉的是它前面那个值。它来自还没到达的响应、没人传进来的 prop、像 data.user.name 这样多探了一层，或者对空数组取 arr[0].id。如果这个值本来就可有可无，user?.name 能短路掉；但如果它本该存在，?. 只是把报错换成一个 undefined，推给下一行去炸——去上游找它为什么是 undefined。Chrome 78 之前同一个错误写作 Cannot read property 'name' of undefined。
怎么修
这个没有一行命令能解决。说明里写了该看哪里。
- 来自
- chrome
- JavaScript
- 15
浏览器和 node 的错误通常只告诉你什么坏了，不告诉你那个值为什么变成这样——你读了 undefined、它不是函数、它不是 JSON——所以该修的地方在抛错那一行的上游；只用 ?. 和默认值把那一行按住，同样的问题会在更远的地方、以更难辨认的样子回来。
怎么读报错
- 从第一行往下读。越往下越是工具内部的事，起因通常写在最上面。
- 有文件名和行号就从那里查——不是栈顶那一帧，而是最上面那条提到你自己写的文件的行。
- 把报错原文照样去搜，但先去掉你自己的路径和变量名，正是那些让搜索匹配不上。
- 同一种情况在不同版本里措辞不同。结果不对头，就把版本号一起加进查询。
- 粘贴修法之前，先确认它会丢掉什么。这里面有些是不能撤回的。
常见问题
Q. “Uncaught TypeError: Cannot read properties of undefined (reading 'name')” 是什么意思？
点号左边的值是 undefined，你却去读它的属性；括号里的名字是你想读的属性，所以坏掉的是它前面那个值。它来自还没到达的响应、没人传进来的 prop、像 data.user.name 这样多探了一层，或者对空数组取 arr[0].id。如果这个值本来就可有可无，user?.name 能短路掉；但如果它本该存在，?. 只是把报错换成一个 undefined，推给下一行去炸——去上游找它为什么是 undefined。Chrome 78 之前同一个错误写作 Cannot read property 'name' of undefined。
Q. 怎么修？
没有一行命令能解决。上面的说明写了该看哪里。
Q. 这是哪个工具报的？
chrome。它属于JavaScript，报错原文有 9 个词。