如何解决有人可以根据这篇文章向我解释与解构相关的性能优势
我是一名初学者,正在学习 javaScript。我需要有关解构和解构性能的帮助,而不仅仅是赋值。我提供了这篇文章的链接。任何人都可以将其与示例相关联。
这篇文章的一部分说,
使用解构有两大优势。第一个是您的代码更具可读性。如果您在函数或代码块的顶部解构对象,则读者很清楚您将使用哪些变量。
第二个优点是性能。解构鼓励程序员在使用对象属性之前将它们放在局部变量中,这可以提高应用程序的性能。特别是如果您多次访问这些变量,可能是在一个循环中,如果变量是本地定义的,则效率更高。
谁能帮我理解这部分。谢谢
解决方法
“性能优势”只是鼓励开发人员将数据分配给变量。这样他们就不会不断访问对象来重复获取值。这就是区别
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
键。
性能差异是如此微不足道,以至于我无法相信作者认为它甚至值得一提。在任何一种情况下访问数据的性能差异都非常小(可能在纳秒级),根本无关紧要。不要担心文章的那部分。纯属胡说八道
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。