6

Почему в JS внутри функции код работает быстрее в 2 раза, чем если бы он был выполнен не внутри функции?

console.time('loop');
var i = 0;
for (i; i < 1000000; i++) {}
console.timeEnd('loop');

(function() {
  console.time('loop');
  var i = 0;
  for (i; i < 1000000; i++) {}
  console.timeEnd('loop');
})()

18
  • почему в что?
    – Grundy
    22 янв 2019 в 10:35
  • Поправил, 0 Почему в JS внутри функции код работает быстрее в 2 раза, чем если бы он был выполнен не внутри функции?
    – GreySpan
    22 янв 2019 в 10:40
  • Нужно смотреть во что это все развернулось, вполне возможно, что движки просто выкидывают цикл
    – Grundy
    22 янв 2019 в 10:47
  • @Grundy я тут попробовал увеличивать число итераций на несколько порядков — задержка тоже увеличивалась в обоих случаях, похоже не выкидывают (как минимум в Firefox)
    – andreymal
    22 янв 2019 в 10:49
  • А если заставить сделать в цикле полезную работу, которую точно тяжело выкинуть\оптимизировать результат будет еще интереснее! 22 янв 2019 в 10:55

1 ответ 1

7

Ответ не претендует на 100% правильный. Проверено только в хроме.

Как предположил @smellyshovel в комментариях, причина в глобальном контексте. В первом случае мы меняем значение переменной, которая создана в глобальном объекте window. Во втором случае меняем локальную переменную.

Если во втором случае менять глобальную переменную, то время выполнения будет приблизительно одинаковым. Разница зависит уже от положения блоков. Второй исполняемый будет быстрее.

console.time('loop');
var i = 0;
for (i; i < 1000000; i++) {}
console.timeEnd('loop');

(function() {
  console.time('loop');
  i = 0;
  for (i; i < 1000000; i++) {}
  console.timeEnd('loop');
})();

// а тут еще интереснее
(function() {
  console.time('loop');
  window.i = 0;
  for (window.i; window.i < 1000000; window.i++) {}
  console.timeEnd('loop');
})();

var o = {
  i: 0
};
// и тут тоже интересно
(function() {
  console.time('loop');
  o.i = 0;
  for (o.i; o.i < 1000000; o.i++) {}
  console.timeEnd('loop');
})();

// и тут самое интересное!
(function() {
  console.time('loop');
  window.o.i = 0;
  for (window.o.i; window.o.i < 1000000; window.o.i++) {}
  console.timeEnd('loop');
})();

7
  • Здорово, +1! Осталось только окончательного вердикта т-ща @Grundy дождаться (если он еще не забил), тогда можно будет спать спокойно :) 22 янв 2019 в 11:38
  • в последнем случае больше из-за того, что сначала ищется window, и только потом внутри него ищется i, в остальных случаях не нужно идти в сам объект
    – Grundy
    22 янв 2019 в 11:44
  • А в последнем почему переменная o, а устанавливается 0 через window?
    – Grundy
    22 янв 2019 в 11:53
  • @Grundy опечаточка 22 янв 2019 в 12:29
  • 1
    @Избытоксусликов привычка - экономлю место! :D 22 янв 2019 в 13:25

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.