源码搬运工——watch()的实现原理

我不生产代码，只是代码的搬运工，超级有用的干货->

所谓watch()，其本质就是观测一个响应式数据，当数据发生变化时通知并执行相应的回调函数。举个例子：

watch(obj,()=>{
  console.log('数据变了')
})

obj.foo++

假设obj是一个响应式数据，使用watch（）函数观测它，并传递一个回调函数，当修改响应式数据的值时，会触发该回调函数执行。

实际上，watch（）函数的额实现本质上是利用了effect以及options.scheduler选项，如以下代码：

effect(()  =>{
  console.log(obj.foo)
},{
  scheduler(){
    //当obj.foo发生变化时，会执行调度函数
  }
})

在一个副作用函数里访问一个响应式数据时，我们知道这会在副作用函数与响应式数据之间建立联系，当数据发生变化时，这会导致副作用函数的重新执行，但有一个例外，那就是副作用函数存在scheduler选项，那么，当响应式的数据发生变化时，会触发scheduler调度函数执行，而非直接触发副作用函数执行，从这个角度看，scheduler调度函数就相当于一个回到函数，而watch（）函数的实现就利用了这一特点，下面是最简单的watch（