Question

我正在开发一个JavaScript应用程序，我必须在很多地方访问一个大对象。我想知道在时间和空间优化方面有什么更好的方法。例如，假设我有对象（这只是一个例子，我的对象将更大并且深度嵌套）：

family: {
    person: {
        firstName: Sherlock,
        lastName: Holmes,
        age: 22,
        address: {
            building: 221B,
            addressLine1: Baker Street,
            city: London,
        }
    }
}

现在，如果我想在这里访问该地址并将其打印在我的网页上，那么有什么好方法：

我要这样做：

<div>{family.person.address.building}</div>
<div>{family.person.address.addressLine1}</div>
<div>{family.person.address.city}</div>

或者，我将它们存储在consts中，然后在这里显示如下：

const address = family.person.address
const {
    building, addressLine1, city
} = address
<div>{building}</div>
<div>{addressLine1}</div>
<div>{city}</div>

在前者中，我不创建新变量，而是每次访问时都会深入遍历对象。

在后者中，我不必执行该遍历，但创建了4个新变量

我觉得第二个是快速方法（花费更少的时间），因为对象没有多次遍历，但我没有找到任何支持它的文章。

哪种方法可以让我在应用程序中获得更好的时间或空间优化？

何时使用const关键字表示变量与何时遍历对象

0 个答案: