javascript - 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