Vue源码中数组转Set再浅拷贝写法的性能与原理疑问

核心目的：数组去重，而非单纯浅拷贝 #

这行代码的核心作用是对pendingPostFlushCbs数组进行去重，浅拷贝只是附带结果。

在Vue调度器逻辑里，pendingPostFlushCbs是存储后置刷新回调的数组。组件更新、指令执行等场景可能会重复注册同一个回调（比如多个依赖触发同一回调），直接执行原数组会导致回调重复执行，引发不必要的重复操作甚至bug。通过new Set()将数组转为集合，利用Set元素唯一性的特性自动剔除重复项，再通过扩展运算符转回数组，就能得到去重后的回调数组。

为什么用Set去重？性能层面的考量 #

对比传统去重方式（遍历数组+Array.includes()判断），Set去重的时间复杂度是O(n)，而遍历+includes的方式是O(n²)——当数组存在较多重复元素时，Set的性能优势会非常明显。

当然，如果数组几乎无重复项，创建Set会带来少量额外内存开销，但Vue的场景中，后置回调数组出现重复是常见情况，这种写法的性能权衡是合理的。

浅拷贝的必要性 #

转Set再转回数组的过程同时完成了浅拷贝，这能避免后续对deduped的修改影响原pendingPostFlushCbs数组，保证原数组的独立性，符合调度器的逻辑隔离需求。

写法的简洁性 #

这是ES6语法带来的简洁实现，一行代码同时完成去重和浅拷贝，可读性高，符合Vue源码追求简洁高效的风格。若用传统写法，需要多行逻辑才能实现相同效果，代码会更冗余。

内容的提问来源于stack exchange，提问作者hrhhr