具有箭头功能的事件监听器

Question

为什么下面的代码无法在控制台中打印。如果我使用普通功能，则可以使用。

document.addEventListener('DOMContentLoaded', recipeController);

const recipeController = () => console.log("hello");

Answer 1

const变量必须在使用前声明。他们没有被吊起。

Answer 2

函数是前向引用（悬挂的），这里您有一个变量声明（非悬挂的）。在这种情况下，您需要在事件监听器上方声明recipeController。

const recipeController = () => console.log("hello");
document.addEventListener('DOMContentLoaded', recipeController);