在 javascript 事件循环中，宏任务（如 settimeout）无法直接通过参数指定依赖加载完成后再执行。要实现这一目标，必须将宏任务的触发逻辑包裹在资源加载的回调函数中，例如使用 onload 事件或 promise 的 .then() 方法。当资源加载完毕时，再调用 settimeout 将后续逻辑放入宏任务队列，从而确保执行顺序符合预期。
如何确保脚本加载后执行特定逻辑
可以通过监听 <script></script> 标签的 onload 事件来检测脚本是否加载完成，并在回调中启动宏任务。这种方式适用于动态插入外部脚本的场景，能够精确控制代码执行的时机。
const script = document.createElement('script');
script.src = 'https://example.com/library.js';
script.onload = () => {
setTimeout(() => {
console.log('Library loaded and macro task executed');
}, 0);
};
document.head.appendChild(script);
上述代码创建了一个新的 script 元素，设置其 src 属性指向外部库的地址。当 onload 事件触发时，表示脚本已成功解析并执行。此时调用 setTimeout 将一个日志输出操作加入宏任务队列，确保在浏览器渲染下一帧之前执行该逻辑。
立即学习“Java免费学习笔记（深入）”；
如何处理多个依赖项加载后的宏任务
当存在多个依赖项时，可以使用 Promise.all 等待所有资源加载完成，然后在统一的处理函数中调度宏任务。这种方法简化了多文件依赖的管理，避免了嵌套回调的复杂性。
const loadScript = (url) => new Promise((resolve, reject) => {
const script = document.createElement('script');
script.src = url;
script.onload = resolve;
script.onerror = reject;
document.head.appendChild(script);
});
Promise.all([
loadScript('lib1.js'),
loadScript('lib2.js')
]).then(() => {
setTimeout(() => {
console.log('All dependencies loaded, executing macro task');
}, 0);
});
这里定义了一个通用的 loadScript 函数，返回一个 Promise 对象，在 onload 时解决，在 onerror 时拒绝。通过 Promise.all 聚合多个加载请求，一旦全部成功，便进入 .then() 分支，在其中使用 setTimeout 安排宏任务。这种模式保证了只有当所有依赖都就绪后，相关逻辑才会被调度执行。
基于 onload 回调中 setTimeout 的具体行为问题
在 onload 回调中调用 setTimeout 时，宏任务会被添加到当前宏任务队列的末尾。由于 onload 本身是在主线程同步执行完毕后触发的，因此其中的 setTimeout 会在下一个事件循环周期中执行，不会阻塞当前的 UI 更新或用户交互。
