javascript - js,ecmascript 6 箭头函数的问题不起作用，是的，我确实声明了它

Question

这是一个假设当我在它周围移动鼠标时在网站上显示日期的函数，我现在正在学习 es6，并且很高兴使用新的函数使用方式，但由于某种原因它不起作用，我会很高兴如果有人帮助我理解为什么它不起作用/=。哦，如果它会帮助我也复制了错误"Uncaught ReferenceError: Cannot access 'Time' before initialization"不知道如何处理它。

//Time script
const question = document.querySelector(`.timeleftstyle`)

question.addEventListener(`mouseover`,Time);
question.addEventListener(`mouseout`,hide);


const Time = () => {
    const clock = document.querySelector(`.thetime`);
    clock.innerHTML=Date();
    
}

const hide = () => {
    const clock = document.querySelector(`.thetime`);
    clock.innerHTML=``;
}

标签： javascriptecmascript-6

Answer 1

您必须在代码中将函数移到 using 之上：

//Time script

    const question = document.querySelector(`.timeleftstyle`)
    
    const Time = () => {
        const clock = document.querySelector(`.thetime`);
        clock.innerHTML=Date();
        
    }
    
    const hide = () => {
        const clock = document.querySelector(`.thetime`);
        clock.innerHTML=``;
    }
    
    question.addEventListener(`mouseover`,Time);
    question.addEventListener(`mouseout`,hide);