给类的每个实例分配唯一id

学习vue源码的过程中，发现尤大经常给类的实例加上了唯一的id，后期判断或者添加的时候非常便捷，我觉得是个很好的技巧，本文就说下这个小技巧。

怎么分配id

其实分配id，操作起来很简单，如下所示就搞定了

let id = 0
class Dog{
  constructor(){
    this.id = ++id
  }
}
// {id:1},{id:2}
console.log(new Dog,new Dog)

分配id的好处

分配id的好处，当有个列表里面装很多实例的时候，

• 方便去重
• 方便判断某个实例在不在其中
• 容易根据创建的顺序进行排序
• 即便所有的属性相同，但id始终是不同的，方便调试

// 一个人可能养好几只狗
class Person{
  constructor(){
    this.dogs = []
    this.dogsId = []
  }
  addDog(dog){
    const hasDog = this.dogsId.includes(dog.id)
    if(!hasDog){
      this.dogs.push(dog)
      this.dogsId.push(dog.id)
    }
  }
  sortDog(){
      this.dogs.sort((x,y)=>x.id-y.id)
      this.dogsId.sort((x,y)=>x.id-y.id)
  }
  
}

const dog1 = new Dog()
const dog1Copy = {...dog1}
const person1 = new Person()

const dog2 = new Dog()
person1.addDog(dog2)
person1.addDog(dog1)
person1.addDog(dog1Copy)

person.sortDog()

// {dogs:[dog1,dog2],dogIds:[2,1]}
console.log(person1)

这里如果有基础的话，就会知道在没有id的情况下，也可以this.dogs.include(dog)，这种缺点是没那么直观，复制的话，也不会区别。

分配id的场景

当然不需要列表存实例的话，其实不需要增加id的。

只有一些特定的场景，需要实例列表，而且强调唯一性的话，就可以考虑下。

这边看下vue这边的id使用：

let uid = 0
class Dep{
  constructor(){
    this.id = uid++
  }
}

class Watcher{
  constructor(){
    this.newDepIds = new Set()
    this.newDeps = []
  }
  addDep (dep) {
    const id = dep.id
    if (!this.newDepIds.has(id)) {
      this.newDepIds.add(id)
      this.newDeps.push(dep)
    }
  }
}