JS文件中函数的正确顺序

【问题标题】：Correct order of functions in JS fileJS文件中函数的正确顺序
【发布时间】：2021-09-05 00:43:43
【问题描述】：

我试图弄清楚我是否为我的函数使用了正确的顺序，然后以正确的位置/顺序调用加载和调整大小事件。这是我的 Javascript 文件的示例：

function init() {
// code
  imgLoad.on('done', function(instance) {
    initContent();
  });
}

function initContent() {

  calcStyles();
  initIntro();
  initProjects();
  initFooter();

}

function calcStyles() {
// code
}

function initIntro() {
// code
}

function initProjects() {
// code
}

function initFooter() {
// code
}

window.addEventListener('load', () => {
  init();
});

window.addEventListener('resize', function() {
    clearTimeout(timeout);
    timeout = setTimeout(init, delay);
  }
});

【问题讨论】：

标签： javascript html dom-events

【解决方案1】：

在您的代码中的函数中，任何顺序都可以使用，原因有两个：

函数声明被提升 - 在任何实际工作完成之前，function foo() { 在给定范围内将自动将函数放入 foo 标识符中（例如分配给非函数声明变量，或添加事件侦听器）
即使不是吊装，任何订单都可以，因为有两个可能的起点：
```
window.addEventListener('load', () => {
window.addEventListener('resize', function() {
```
只会在此脚本文件顶层的所有 JavaScript 完成运行后开始运行它们的回调 - 因此，所有函数将在其中一个函数首次获取时定义被其中一位听众引用。

【讨论】：