有人可以根据这篇文章向我解释与解构相关的性能优势

问题描述

我是一名初学者，正在学习 javaScript。我需要有关解构和解构性能的帮助，而不仅仅是赋值。我提供了这篇文章的链接。任何人都可以将其与示例相关联。

这篇文章的一部分说，

使用解构有两大优势。第一个是您的代码更具可读性。如果您在函数或代码块的顶部解构对象，则读者很清楚您将使用哪些变量。

第二个优点是性能。解构鼓励程序员在使用对象属性之前将它们放在局部变量中，这可以提高应用程序的性能。特别是如果您多次访问这些变量，可能是在一个循环中，如果变量是本地定义的，则效率更高。

谁能帮我理解这部分。谢谢

https://wecodetheweb.com/2015/05/25/es6-destructuring/#:~:text=There%20are%20two%20big%20advantages,The%20second%20plus%20is%20performance

解决方法

“性能优势”只是鼓励开发人员将数据分配给变量。这样他们就不会不断访问对象来重复获取值。这就是区别

const data = { el: 10 }
const { el } = data
console.log(el)
console.log(el)
console.log(el)

还有这个

const data = { el: 10 }
console.log(data.el)
console.log(data.el)
console.log(data.el)

在第一个中，您已将值分配给一个变量。您的代码将继续获取该引用。在第二个代码片段中，引用获取整个对象，然后访问其 el 键。

性能差异是如此微不足道，以至于我无法相信作者认为它甚至值得一提。在任何一种情况下访问数据的性能差异都非常小（可能在纳秒级），根本无关紧要。不要担心文章的那部分。纯属胡说八道