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

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

[Swaer]

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