javascript 구독 발표

    function SourceCribe () {
        //     /   DOM  
        var body = document.querySelector('body');
        if (!document.querySelector('.magazine')) {
            var element = document.createElement('mark');
            element.setAttribute("class", "magazine");
            body.appendChild(element);
        }
        this.magazine = document.querySelector('.magazine');

        //       
        this.publish = function (source, data) {
            if (!typeof source === 'string') {
                return false;
            }
            var oEvent = new CustomEvent(source, {
                bubbles: true,
                cancelable: false,
                detail:data
            });
            this.magazine.dispatchEvent(oEvent);
        };

        //     ，handler          ，        
        this.subscribe = function (source, handler) {
            if(!typeof source === 'string' || !typeof value === 'function') {
                return false;
            }

            this.magazine.addEventListener(source, handler, false);
        };

        //     
        this.unsubcribe = function (source, handler) {
            if(!typeof source === 'string' || !typeof value === 'function') {
                return false;
            }

            this.magazine.removeEventListener(source, handler, false);
        };
    }

(function(window){
    window.addEventListener('load',function(evt){

        var sourceCribe = new SourceCribe();

        var loveHandlerAlways = function (evt) {
            console.log("always " + evt.detail);
        };
        var loveHandlerEver = function (evt) {
            console.log("ever " + evt.detail);
        };

        sourceCribe.subscribe('love', loveHandlerAlways);
        sourceCribe.subscribe('love', loveHandlerEver);

        sourceCribe.publish('love','500 days with summer');

        sourceCribe.unsubcribe('love', loveHandlerAlways);
        sourceCribe.publish('love','500 days with summer');
    });

})(window)