Кэширование в JavaScript?

Question

[bagerman]

Здравствуйте!

Допустим, имеется такой код:

var div = document.getElementById('div'),
      num = document.getElementById('num'),
      str = document.getElementById('str');

В данном коде мы несколько раз обращаемся к document.

А если сделать так:

var doc = document,
       div = doc.getElementById('div'),
      num = doc.getElementById('num'),
      str = doc.getElementById('str');

Будет ли это оптимизацией? И можно ли это назвать кэшированием?

Спасибо.

Answer 1

[Roman Zhak]

Уж могли бы и так сделать jsperf.com/test-document-js

Comments

[bagerman]

Roman, а если без тестов. В рабочей обстановке, в проектах так делают? Меня еще попросили закешировать цикл for. И самое главное, является ли мой пример кэширования, если можно так назвать?

[Евгений Петров]

bagerman: Кеш нужен для трудоёмких операций — запрос к серверу, траверс, построение элементов etc.
Как можно закешировать прямую ссылку? Вы лишь создали переменную, и лишний шаг для получения ссылки на document, чем снизили производительность.

[bagerman]

Евгений Петров: Я сам не понимаю этого. У меня компания на тестовом задании требовала делать такое "кеширование"

[Денис Инешин]

bagerman: в печь такую компанию.

[bagerman]

Денис Инешин: Был бы выбор:))

[Сергей Протько]

Евгений Петров: создание ссылки на объект document не снизит производительность, будет просто две ссылки на один объект. А делают так обычно что бы аглификатор потом превратил глобальный document в локальную односимвольную переменную.

[Сергей Протько]

Евгений Петров: ну и еще один вариант - что бы вообще небыло ничего глобального и можно было бы мокать все зависимости в тестах.

[bagerman]

bagerman: И был бы я хорошим программистом.Эх..)

[Денис Инешин]

Сергей Протько: в такой ситуации проще обернуть весь код в функцию и передать туда ссылку на document, тогда аглификатору еще проще всё сжать будет.

[Сергей Протько]

Денис Инешин: ну так обычно и делают, оборачивают в iife и не парятся.

[Денис Инешин]

Сергей Протько: ну я это и имел в виду

[Евгений Петров]

Сергей Протько: Тут зависит от имплементации. Быстрее точно не будет. А вот при работе с тем же документом во вложенном контексте чтение из переменной, скорее всего, будет быстрее, чем последовательное чтение цепочки свойств.

[Евгений Петров]

bagerman: Кешировать в вашем случае нужно результаты траверса.

[bagerman]

Евгений Петров: Например?

[Евгений Петров]

bagerman: Вы сохранили результат траверса в переменных — это и есть кеширование. В дальнейшем вы не будете искать их заново.

[Сергей Протько]

Евгений Петров: ну да.

bagerman: при поиске по селектору траверсится DOM, вы этого избегаете сохраняя ссылки на необходимые элементы.

[bagerman]

Сергей Протько: Евгений Петров: Денис Инешин: От души благодарю, о Великие Гуру JavaScript'a!:)

Answer 2

[Roman K]

Нет.
Вот если бы вы обращались, допустим, к базе - да.