Может ли кто-нибудь объяснить мне преимущества производительности, связанные с деструктуризацией, согласно этой статье

Question

Я новичок и изучаю javaScript. Мне нужна помощь в деструктуризации и производительности деструктурирования, а не просто в назначении. Я даю ссылку на эту статью. Кто-нибудь может связать это с примером.

В части этой статьи говорится:

У использования деструктурирования есть два больших преимущества. Во-первых, ваш код более читабельный. Если вы деструктурируете объект в верхней части функции или блока кода, читателю ясно, какие переменные вы собираетесь использовать.

Второй плюс - производительность. Деструктуризация побуждает программистов помещать свойства объекта в локальные переменные перед их использованием, что может улучшить производительность приложения. Особенно, если вы обращаетесь к этим переменным несколько раз, возможно, в цикле, это более эффективно, если переменные определены локально .

может кто-нибудь помочь мне понять эту часть. Спасибо

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

Answer 1

«Повышение производительности» просто заключается в том, что он побуждает разработчиков назначать данные переменным. Таким образом, они не будут постоянно обращаться к объекту для повторного получения значения. Это была бы разница между этим

      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 ключ.

Разница в производительности настолько незначительна, что я не могу поверить, что автор подумал, что о ней стоит даже упомянуть. Разница в производительности доступа к данным в любой ситуации настолько мала (вероятно, в масштабе наносекунд), что не имеет никакого значения. Не беспокойтесь об этой части статьи. Это полная чушь