将对象赋值给变量，修改变量为什么对象没有被改变？

Question

let crop = {
      list: {},
      on(key, fn) {        if(!this.list[key]) {
          this.list[key] = [];
        }
        this.list[key].push(fn);
      },
      emit(key, ...payload) {        let fns = this.list[key];        if(!fns || fns.length === 0) return;
        fns.forEach(fn => {          fn.apply(this, payload);
        })
      },
      remove(key, fn) {        let fns = this.list[key];
        console.log(key);
        fns = [];
       
      }
    }

写发布订阅的时候遇到了个问题。
我在调用crop.remove()的时候清空了fns 但是打印fns还是有数据的。fns.length = 0;这样是可以清除的。fns不是也指向了this.list[key]吗？
下方有打印结果

Answer 1

有种var a=[1];var b=a;b=[]a??的感觉同理 fns = [] 并不会使 this.list[key] 为[]

Answer 2

fns = []只是把fns指向了新的[]

Answer 3

fns.length = 0 ; 之所以可以清空 是因为 你的fns = this.list[key];fns = []; 这样不会清空this.list[key] 你可以理解成 fns = 1 一个道理 ；你是在给fns这个变量重新赋值 跟this.list[key];没关系。