为什么这个迭代永远有效

如何解决为什么这个迭代永远有效

为什么这段代码会无限运行。 我不明白发生了什么。

(function(){
    console.log("Start")

    function add(){
        s.delete(add); //When I delete this line,everything works fine.
        s.add(add);
        console.count("run")
    }

    const s = new Set([
        add
    ]);

    s.forEach(value => {
        value()
    });
    
    console.log("Finish")
})()

这是一个概览代码。

解决方法

这个问题的答案在 Set.prototype.forEach 的规范中：

每个值通常只访问一次。 但是，一个值将是 revisited 如果它被访问后被删除然后重新添加 在 forEach 调用完成之前。 在调用之后删除的值 调用 forEach 开始并且在被访问之前不被访问，除非 在 forEach 调用完成之前再次添加该值。新价值观 在调用 forEach 开始被访问之后添加。

因为它是一个您不断添加和运行的函数，所以它会继续这样做，删除并再次添加它。因此，您创建了一个无限循环。