如何通过JavaScript访问尚未创建的嵌套对象属性？

本文共计1028个文字，预计阅读时间需要5分钟。

前言：JavaScript 是一个非常神奇的东方。但其中一些东西确实非常奇怪，让人摸不着头脑。其中之一就是当你尝试访问嵌套对象时，可能会遇到这个错误：Cannot read property 'foo' of undefined。

前言

JavaScript 是个很神奇的东西。但是 JavaScript中的一些东西确实很奇怪，让人摸不着头脑。其中之一就是当你试图访问嵌套对象时，会遇到这个错误

Cannot read property 'foo' of undefined

在大多数情况下，处理嵌套的对象，通常我们需要安全地访问最内层嵌套的值。 来个粟子：

const user = { id: 101, email: 'jack@dev.com', personalInfo: { name: 'Jack', address: { line1: 'westwish st', line2: 'washmasher', city: 'wallas', state: 'WX' } } }

当我们要访问user里面的name及city时，我们会这样写。

const name = user.personalInfo.name; const userCity = user.personalInfo.address.city;

这是简单而直接的。

但是，由于某种原因，user 中的 personal不可用，对象结构将是这样的：

const user = { id: 101, email: 'jack@dev.com' }

现在，如果你在试着访问 name ，将会得到一个 Cannot read property 'name' of undefined 的错误。