来自window全局的一个使用大坑

想都没想过会出现这样的问题：

首先我们简单看一下这个函数：

//创建一个全局监听事件
export const sendEvent = (key, vals) => {
    var event = new Event(key);
    event.vals = vals;
    window.dispatchEvent(event);
}

定义在window上面的全局监听函数：

发送数据使用： sendEvent(key,vals);

接收数据使用：window.addEventLisener(key,res=>{console.log(res.vals});

销毁：window.removeEventLisener(key,res=>{})；

表面上看起来应该没啥问题，但是存在的隐患还是很大的。首先就是内存的使用率会增加，再不销毁监听的情况下，项目启动是会一直存在内存中。每次发送数据都是在叠加，特别是对象，感觉是不能被销毁的，应该是js不能监听到对象属性的变化原因导致的，很困惑。

（遇到的就是存储一个对象，包含很多属性，在第一次提交时，数据没有什么问题，再第二次提交的时候就会有点小问题，多个监听事件去处理一个对象的时候，就会发现，有的会改变数据，有的就直接返回第一次提交的数据...没弄懂！)