函数未在 Javascript 中调用

Question

new to Javascript and it's quirks. Can somebody explain this to me? it works fine in CodeSandbox, but in VSCode and Chrome I'm hitting this problem:

setup() function not called in this code:

function init(){
  ...
}

function setup(){
  ...
}

init();
setup();

setup() function being called in this code:

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

function setup(){
  ...
}

init();

Why does it execute in the last example, but not in the first?

Answer 1

Just remove this line document.addEventListener('DOMContentLoaded', init) and you're good to go.

DOMContentLoaded event is fired when your page is fully loaded and parsed. So, the following scenario was happening:

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