函数未在 Javascript 中调用

Question

Javascript 的新手，它的怪癖。 有人可以向我解释一下吗？ 它在 CodeSandbox 中运行良好，但在 VSCode 和 Chrome 中我遇到了这个问题：

此代码中未调用 setup() 函数：

function init(){
  ...
}

function setup(){
  ...
}

init();
setup();

此代码中调用的 setup() 函数：

function init(){
  ...
  setup();
}

function setup(){
  ...
}

init();

为什么它在最后一个示例中执行，而在第一个示例中不执行？

Answer 1

只需删除这一行document.addEventListener('DOMContentLoaded', init)就可以了。

DOMContentLoaded事件在您的页面完全加载和解析时被触发。 因此，发生了以下场景：

init();
setup();
init(); <--- due to DOMContentLoaded event