Переменные JavaScript - лучшая производительность

Question

Возможно, это глупый вопрос, но я не могу найти лучший ответ для него.

Представьте, если у вас есть файл js что-то вроде этого:

    //Home page rules
    (function() {

       //Header rules
       (function() {
         function myFunction1(){...}
       }());

       //Main section rules
       (function() {
         function myFunction2(){...}
       }());

    }());

И вам нужно использовать тот жеПеременные в каждой функции. Одна функция предназначена для анимации элементов на странице при загрузке страницы, а другая функция для меню анимации.Я знаю, что глобальных переменных следует избегать, я знаю, что локальные переменные имеют короткую жизнь - они создаются при вызове функции и удаляются по завершении функции (возможно, это лучшая производительность).

ВОПРОС: Какова лучшая практика и лучшая производительность: объявлять переменные один раз вверху (внутри правил домашней страницы) или дублировать (повторять самостоятельно) одинаковые переменные в каждой из этих функций?

Надеюсь, выполучите точку, о которой я спрашиваю.

Answer 1

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