Javascript如何避免调用不存在的属性而导致报TypeError错？

转载

于 2019-01-23 13:29:26 发布 · 2.9k 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000017992757

文章标签：

#javascript #前端 #java #ViewUI

本文探讨了JavaScript中如何防止因尝试访问不存在的属性而引发的TypeError。介绍了四种方法，包括条件检查、使用lodash库、可选链操作符(实验特性)以及其他实用技巧，帮助开发者写出更健壮的代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题

var object = { 'a': [{ 'b': { 'c': 3 } }] }

console.log(object.a[0].b.c.d)

上述代码会返回

方法一

var object = { 'a': [{ 'b': { 'c': 3 } }] }

console.log(object&&object.a)
console.log(object&&object.a&&object.a[0])
console.log(object&&object.a&&object.a[0]&&object.a[0].b)
console.log(object&&object.a&&object.a[0]&&object.a[0].b&&object.a[0].b.c)
console.log(object&&object.a&&object.a[0]&&object.a[0].b&&object.a[0].b.c&&object.a[0].b.c.d)

方法二

使用lodash

var object = { 'a': [{ 'b': { 'c': 3 } }] }

console.log(_.get(object, 'a'))
co

最低0.47元/天解锁文章

200万优质内容无限畅学