1
// 任务缓存队列，用Set数据结构表示
2
// 这样可以保证同一个任务执行多次的时候，Set中存入的永远都是唯一的
3
cont queue = new Set();
4
// 标记，表示是否正在刷新队列
5
let isFlushing = false;
6
// 创建一个立即resolve的Promise实例
7
const p = Promise.resolve();
8

9
// 添加任务的函数，在Vue中可以作为effect的调度器
10
function queueJob(job){
11
    // 将job添加到任务队列的queue上
12
    queue.add(job)
13
    // 如果还没有开始刷新队列，则刷新之
14
    if(!isFlushing){
15
        // 将此设置为true
16
        isFlushing = true
17
        p.then(()=>{
18
            try{
19
                // 执行任务队列中的任务
20
                queue.forEach((queueJob)=> queueJob())
21
            } finally {
22
                // 重制状态
23
                isFlushing = false;
24
                queue.length = 0
25
            }
26
        })
27
    }
28
}