如何利用自定义事件多人协作开发

自定义事件重点并不在事件身上，重点在函数身上

自定义事件 : 主要是跟函数有关系,就是让函数能够具备事件的某些特性

自定义事件常被用来做多人协作开发
我们看看函数究竟有什么问题，他为什么要用事件的特性才有利于多人协作?
比如说：
我们写了一个函数，里面写了一个alert(1)，这个相当于一个功能；在外面调用；
这时候当项目越来越大，有新的同事假如开发团队，新同事可能会在原有功能的基础上加一些功能，于是他就在alert(1)的后面写了个alert(2);
过了段时间然后又有新同事加入，新同事又添加了一些新功能alert(3);
假如说alert(1)代表一千行代码，alert(2)代表两千行代码，alert(3)代表三千行代码；这样代码量越来越大，就会有很多不同人写的代码在一个函数里面，有可能写着写着就写乱了；

    function show() {
        alert(1);
        alert(2);
        alert(3);
    }

    show();

所以说多人协作的时候，多人在一个函数里面写大量的代码，就可能引发一些冲突；那么怎么样解决这种问题呢？其实最好的办法是大家分开去写，互相不影响
这时可能回想，我们是不是可以拆分开啊，每个人写的代码都放在单独的函数当中，而这三个人写的代码都是来实现同一个功能/效果的；只是说不同的人分开来写；

    function show() {
        alert(1);
    }
    function show() {
        alert(2);
    }
    function show() {
        alert(3);
    }
    show();

这样写完，你会发现每个人写每个人的代码；然后想象着下面show()函数一调用的时候，这些代码都会执行；
但是函数一个特点，函数名相同的情况下，会覆盖，所以下面show()函数调用的时候，只会弹出alert(3);

那么怎么解决这个问题呢？又想多人协作，互相不影响，又想这个功能都能执行；
这时我们想，函数能不能借鉴事件的这种形式呢？因为事件有个特点，相同的事件当中是不会相互覆盖的，都会执行；那么让函数具备事件这个特性就解决问题了？

所以说自定义事件多人协作开发就诞生了
首先比如说我们写个几个绑定事件，然后在下面写一个show()函数调用；

    window.addEventListenter('show',function() {
        alert(1);
    },false);

    window.addEventListenter('show',function() {
        alert(2);
    },false);

    window.addEventListenter('show',function() {
        alert(3);
    },false);

    show(); // 主动触发自定义事件   ```

这时候我们调用show()的时候，发现1，2，3都弹出来了；
但是话说回来了，这个show是事件嘛，它其实还是函数名；

所以说这就是利用自定义事件从事多人协作开发的方式；
它们是函数，之不过它们具备了事件的一些特性不会相互覆盖了