在 javascript 的事件循环中，settimeout 的宏任务执行优先级由它所属的宏任务队列（macrotask queue）的顺序决定。具体来说，当 settimeout 的定时器到期后，其回调函数会被推入当前阶段的宏任务队列末尾；事件循环引擎会在完成当前同步代码和微任务后，从该队列头部取出下一个回调执行。因此，设置优先级的核心在于控制回调被推入队列的时机以及确保在同一时刻只有一个回调处于可执行状态。
如何控制多个 setTimeout 的执行顺序
要控制多个 setTimeout 的执行顺序，最直接的方法是利用它们被推入队列的时间差。由于宏任务队列是先进先出（FIFO）的，如果你希望某个回调先执行，就必须确保它在其他回调之前被加入队列。这通常通过设置不同的延迟时间来实现，或者在同一个定时器到期时，通过逻辑判断来决定是否立即将后续任务加入队列。
function runTasks() {
// 任务 A：50ms 后执行
setTimeout(() => {
console.log('Task A');
}, 50);
// 任务 B：100ms 后执行
setTimeout(() => {
console.log('Task B');
}, 100);
}
runTasks();
// 输出顺序: Task A, Task B
上述代码展示了最基础的优先级控制。因为任务 A 的延迟更短，它会比任务 B 更早地被添加到宏任务队列中。当事件循环处理到宏任务阶段时，会先取出任务 A 执行，然后再取出任务 B。需要注意的是，这里的“优先级”实际上是“到达时间”的体现，而非权重的概念。如果两个任务的延迟相同，它们的执行顺序取决于代码中声明的先后顺序。
如何在同一轮次中强制指定执行顺序
当多个 setTimeout 具有相同的延迟时间，或者你需要在一个特定的宏任务执行完毕后立即触发另一个任务时，简单的延迟设置无法保证严格的顺序。此时，可以通过在回调内部再次调用 setTimeout 来构建一个链式结构，从而强制指定执行顺序。这种方法利用了宏任务队列在每一轮循环中只取队首元素执行的特性。
function chainTasks() {
setTimeout(() => {
console.log('Step 1');
// 在 Step 1 完成后，安排 Step 2
setTimeout(() => {
console.log('Step 2');
// 在 Step 2 完成后，安排 Step 3
setTimeout(() => {
console.log('Step 3');
}, 0);
}, 0);
}, 0);
}
chainTasks();
// 输出顺序: Step 1, Step 2, Step 3
在这个例子中，虽然所有 setTimeout 的延迟都是 0ms，但由于它们是嵌套调用的，每个后续任务都是在当前任务执行期间才被推入队列的。这意味着 Step 2 只有在 Step 1 的回调完全执行完毕后才会被加入队列，而 Step 3 又依赖于 Step 2 的完成。这种链式调用确保了严格的执行顺序，即使它们属于同一个宏任务批次。这种方式常用于需要按序执行异步操作且不能依赖微任务（如 Promise）的场景。
基于程序输入条件改变执行结果的具体问题
在实际开发中，经常需要根据程序的输入条件动态调整任务的执行策略。例如，当用户快速连续点击按钮时，我们可能希望忽略中间的请求，只处理最后一次请求。这种情况下，可以使用 clearTimeout 来取消尚未执行的 setTimeout，从而改变最终的结果。这是一种常见的防抖（Debounce）或节流（Throttle）模式的变体。
let timerId = null;
function handleInput(value) {
// 清除之前的定时器
if (timerId !== null) {
clearTimeout(timerId);
}
// 设置新的定时器
timerId = setTimeout(() => {
console.log('Processed:', value);
timerId = null; // 重置标识
}, 300);
}
handleInput('A');
handleInput('B');
handleInput('C');
// 假设在 300ms 内连续调用，只有 'C' 会被打印
这段代码演示了如何通过输入条件（即连续的函数调用）来影响执行结果。每次调用 handleInput 都会清除上一次的定时器，并创建一个新的。只有当一段时间内没有新的输入时，最后一个定时器才会执行。这种机制有效地过滤掉了中间状态的输入，确保了最终处理的值是最新的。这是基于程序中特定输入条件改变执行结果的典型应用。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
