ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
#复杂组件开发之自定义事件 ![](https://box.kancloud.cn/bf0177ee6e26789dc62f05efd7a366f4_1436x806.png) 自定义事件:主要是跟函数有关系,就是让函数能够具备事件的某些特性 函数不利于多人协作开发 ``` function show() { alert(1); alert(2); alert(3); } ``` 把函数拆开也不能解决多人协作的问题,因为后面的函数会覆盖前面的函数 ``` function show(){ alert(1); } function show(){ alert(2); } // 后面的函数会覆盖前面的 function show(){ alert(3); } show(); ``` 自定义事件有利于多人协作开发 ``` window.addEventListener('show', function () { alert(1); }, false); window.addEventListener('show', function () { alert(2); }, false); // 自定义事件不会覆盖前面的 window.addEventListener('show', function () { alert(3); }, false); show(); // 主动触发自定义事件 ``` 上面代码只是用来说明自定义事件有利于多人协作开发,运行会报错