1.《Vue设计与实现》第四章 第四节避免无限递归循环

effect(() => {
	obj.foo++;
})

上面的代码，会导致无限的递归循环。
因为在这个语句中，既会读取obj.foo的值，又会设置obj.foo的值，而这就是导致问题的根本原因。

1. 首先读取obj.foo的值，这会触发track操作，将当前的副作用函数收集到桶中。
2. 接着将其加1后再赋值给obj.foo，此时会触发trigger操作，即把桶中的副作用函数取出执行。
   但问题是该副作用函数正在执行中，还没有执行完毕，就要开始下一次执行。这样就导致了无限递归调用字节。

如何解决
如果trigger触发执行的副作用函数与当前正在执行的副作用函数相同，则不触发执行。

function trigger(target, key) {
	const depsMap = bucket.get(target);
	if (!depsMap) return;
	const effects = depsMap.get(key);
	const effectsToRun = new Set();
	effects && effects.forEach(item => {
		if (item !== activeEffect) {
			effectsToRun.add(item);
		}
	})
	effectsToRun.forEach(item => item());
}