Почему не работает функция?

Question

[MargoKomilfo]

Почему так работает:

let slides = document.querySelectorAll('.slider-item'),
    sliderIndex = 0;

showSlides(sliderIndex);

function showSlides(n) {
    slides.forEach(item => item.style.display = 'none');
    dots.forEach(item => item.classList.remove('dot-active'));
}

А вот так не работает:

let slides = document.querySelectorAll('.slider-item'),
    sliderIndex = 0;
    
showSlides(sliderIndex);

let showSlides = n => {
    slides.forEach(item => item.style.display = 'none');
    dots.forEach(item => item.classList.remove('dot-active'));
}

Объясните кто-нибудь когда можно, а когда нет использовать такой метод объявления функций.

Comments

[historydev]

отметить ответом)

Answer 1

[historydev]

Вызывайте функцию после её инициализации.

let showSlides = n => {
					    slides.forEach(item => item.style.display = 'none');
					    dots.forEach(item => item.classList.remove('dot-active'));
					}

					showSlides(1)

P/S: let - создает переменную в месте где объявлен, если юзать var, она создается в начале документа

Comments

[Strannyk]

Все правильно, но var инициализирует переменную в начале документа и присвоит ей undefined. Присваивание значения произойдет в рантайме. Вот function declaration создает уже готовую функцию до запуска кода.

Answer 2

[Swaer]

function showSlides(n) этот вид функций инициализируется в начале кода, а не до того, как до неё дойдет строка выполнения, поэтому её можно вызвать до объявление в строке,let showSlides = n => { этот вид функций, создается только, когда доёдет очередь и может быть вызвана только после объявления. Почитай о Function Expression и Function Declaration