Javascript 有人能根据本文向我解释与解构相关的性能优势吗

Javascript 有人能根据本文向我解释与解构相关的性能优势吗,javascript,ecmascript-2016,Javascript,Ecmascript 2016,我是一名初学者,正在学习javaScript。我需要有关解构和解构性能的帮助,而不仅仅是分配。我提供了一个指向本文的链接。有人能将此与示例联系起来吗 这篇文章的一部分说 使用分解结构有两大优点。第一个是您的代码更具可读性。如果在函数或代码块的顶部分解对象,读者将清楚地知道要使用哪些变量 第二个优点是性能。解构鼓励程序员在使用局部变量之前将对象属性放入局部变量,这可以提高应用程序性能。特别是如果您多次访问这些变量,可能是在循环中,如果这些变量是本地定义的,则效率更高 有人能帮我理解这部分吗。谢谢

我是一名初学者,正在学习javaScript。我需要有关解构和解构性能的帮助,而不仅仅是分配。我提供了一个指向本文的链接。有人能将此与示例联系起来吗

这篇文章的一部分说

使用分解结构有两大优点。第一个是您的代码更具可读性。如果在函数或代码块的顶部分解对象,读者将清楚地知道要使用哪些变量

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

有人能帮我理解这部分吗。谢谢

性能优势只是鼓励开发人员将数据分配给变量。这样,他们就不会一直访问对象来重复获取值。这将是两者之间的区别

const data={el:10}
常数{el}=数据
控制台日志(el)
控制台日志(el)
控制台日志(el)
还有这个

const data={el:10}
console.log(data.el)
console.log(data.el)
console.log(data.el)
在第一个示例中,您已将值指定给变量。您的代码将继续获取该引用。在第二个代码段中,引用获取整个对象,然后访问其
el

性能差异是如此微不足道,以至于我不敢相信作者认为它甚至值得一提。在这两种情况下访问数据的性能差异都非常小(可能是纳秒级),根本不重要。不要担心文章的那一部分。这纯粹是胡说八道