Почему не работает setTimeout?

Question

[Stoble]

Почему не работает setTimeout в этом коде

let items = document.querySelectorAll('.header__under--item')

for (let i = 0; i < items.length; i++) {
    let item = items[i];
    let childOne = item.children[1]
    console.log(childOne)
    item.addEventListener('mouseover', ()=>{
        addClass(childOne)
    })

    item.addEventListener('mouseout', ()=>{
        setTimeout(removeClass(childOne), 5000)
    })
    
}


function addClass(childOne) {
    childOne.classList.add('hidden')
}

function removeClass(childOne) {
    childOne.classList.remove('hidden')
}

Answer 1

[Aetae]

Потому что removeClass(childOne) - это вызов функции removeClass с параметром childOne прямо тут где указано. По таймауту же происходит вызов возвращённого функцией removeClass значения(в данном случае undefined).

Comments

[Stoble]

Спасибо

Answer 2

[vdem]

setTimeout(function() {
    removeClass(childOne);
}, 5000);

Answer 3

[Алексей Ярков]

setTimeout(() => {
  removeClass(childOne);
}, 5000)