关于cleanDeps的一个疑问

Question

 cleanupDeps () {
    let i = this.deps.length
    while (i--) {
      const dep = this.deps[i]
      if (!this.newDepIds.has(dep.id)) {
        dep.removeSub(this)
      }
    }
    let tmp = this.depIds
    this.depIds = this.newDepIds
    this.newDepIds = tmp
    this.newDepIds.clear()
    tmp = this.deps
    this.deps = this.newDeps
    this.newDeps = tmp
    this.newDeps.length = 0
  }

为什么前面遍历了this.deps,去除掉了不在

 if (!this.newDepIds.has(dep.id)) {
        dep.removeSub(this)
      }

后面还要这样处理？

this.deps = this.newDeps

Answer 1

鸡肋2016 2019-10-27 15:31:50

if (!this.newDepIds.has(dep.id)) {
       dep.removeSub(this)
     }

因为这个代码的目的是去除 dep中这次是否使用到了（或者说依赖到了）watcher ，如果这次（渲染）没有使用到 这个dep ，那么dep的内容中也去除掉这个watcher ，方便下一次set更新的时候 不再通知这个watcher

Answer 2

ustbhuangyi 2018-10-07 21:58:32

tmp = this.deps
this.deps = this.newDeps
this.newDeps = tmp

这几行代码的作用是交换 this.deps 和 this.newDeps，目的是更新一下 this.deps，作为每次保存的 deps

• 小了个新 #1

  这里我也还不太明白。
  tmp = this.deps
  this.deps = this.newDeps
  this.newDeps = tmp
  this.newDeps.length = 0
  
  这里是要更新this.deps，那么为什么上面还要对this.deps进行操作呢？剔除不必要watcher后的this.deps不是直接被this.newDeps覆盖了么。而且while里并没有对this.newDeps进行逻辑操作。

• 小了个新 #2

  懂了，这里的this.deps只是个容器，while里修改的是内部dep和它没关系