Зачем мне "var timer = null;" когда я использую "timer = setInterval ();"?

Чтобы заставить изображение вращаться, наведя указатель мыши, я написал вот так.

В JavaScript

var images=["img1.png", "img2.png", "img3.png"];
var i = 0;
var timer = null;
window.onload = function() {
$("startButton").observe("mouseover", startSpin);
}
function startSpin() {
timer = setInterval(changeImage, 100);
}
function changeImage() {
i++;
if (i > 2) {
i = 0;
}
$("img").src = images[i];
}

Зачем мне "var timer = null;" как глобальная переменная? Не понимаю, почему код без этого не работает.

Технически, вы этого не сделаете, var timer будет работать так же хорошо, как и полностью исключить его (при условии, что вы уже находитесь на верхнем уровне, вы будете неявно назначать глобальную область видимости ... не очень хорошая идея, но это работает) Вы также можете удалить любые ссылки на timer, если хотите, так как не похоже, что переменная фактически где-то используется

— 19.11.2018 01:13

javascript timer null setinterval

19.11.2018 01:11

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

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

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

224

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Давайте посмотрим, как бы это выглядело без этой строки:

var images=["img1.png", "img2.png", "img3.png"];
var i = 0;
window.onload = function() {
  $("startButton").observe("mouseover", startSpin);
}
function startSpin() {
  timer = setInterval(changeImage, 100);
}
function changeImage() {
  i++;
  if (i > 2) {
    i = 0;
  }
  $("img").src = images[i];
}

Без начального var timer = null;timer впервые упоминается в функции startSpin. Там он понятия не имеет, что такое timer, потому что он никогда не определялся. Вам понадобится функция startSpin, чтобы она выглядела так:

function startSpin() { let timer = setInterval(changeImage, 100); }

В этом случае исходный var timer = null; вам не понадобится.

19.11.2018 01:40