function fn1(){var arr=[];var result;//模拟耗时的任务；for(let i=0;i<100000;i++){for(let j=0;j<100000;j++){result+=j;}}arr.push(new Array(10000).join('*'));console.log("fn1 task has done");
}
function fn2(){console.log("fn2 task has done");
}fn1();
fn2();

//匿名函数 ，闭包，没有了return 和 throw exception的特性滴啊
function fn1(Callback){setTimeout(function() {var arr=[];var result;//模拟耗时的任务；for(let i=0;i<100000;i++){for(let j=0;j<100000;j++){result+=j;}}arr.push(new Array(10000).join('*'));console.log("fn1 task has done");Callback();}, 1000);}
//采用这种方式，我们把同步操作变成了异步操作，f1不会堵塞程序运行，相当于先执行程序的主要逻辑，将耗时的操作推迟执行
function fn2(){console.log("fn2 has done..");
}fn1(fn2);
console.log("mian line has done..");//这种方式仅仅是防止堵塞fn2的执行，和主线层的执行，。。。。还算不得真正的异步；

function fn1(Callback){setTimeout(function() {var arr=[];var result;//模拟耗时的任务；for(let i=0;i<100000;i++){for(let j=0;j<100000;j++){console.log(j);}}
//arr.push(new Array(10000).join('*'));console.log("fn1 task has done");Callback();}, 1000);}
//采用这种方式，我们把同步操作变成了异步操作，f1不会堵塞程序运行，相当于先执行程序的主要逻辑，将耗时的操作推迟执行
function fn2(){console.log("fn2 has done..");
}fn1(fn2);
console.log("mian line has done..");while(true){console.log(".......");
}

// 引入 events 模块
var events = require('events');
// 创建 eventEmitter 对象
var eventEmitter = new events.EventEmitter();function f2(){console.log("f2 has done...");
}// 绑定事件及事件的处理程序
eventEmitter.on('someEvent', f2);function fn1(){//继续我们的耗时任务;var result;for(let i=0;i<100000;i++){for(let j=0;j<100000;j++){result+=j;}}console.log("fn1 task has done");//触发事件；eventEmitter.emit("someEvent");
}
fn1();
console.log("main line has done...");

var PS={//订阅者角色；subscribe :function (ev,callBack){//创建_callback对象，除非它已经存在。var calls=this._callBack || (this._callBack={});/** 针对给定的事件ev创建一个数组，除非这个数组已经存在* 然后调用函数追加到这个数组中* */(this._callBack[ev]  || (this._callBack[ev]=[]).push(callBack))return this;},//发布者角色；publish:function (){//将arguments对象转换成为真正的数组var args=Array.prototype.slice.call(arguments,0);//取出第一个参数，就是我们的事件名滴呀；var evName=args.shift();/** 如果不存在_callback对象，则返回* 或者如果不包含给定事件对应的数组**/var list,calls,i,l;if(!(calls=this._callBack)) return this;if(!(list=this._callBack[ev]))return this;//循环触发我们的回调事件；for(let i=0,l=list.length;li<l;i++){list[i].apply(this,args);}return this;}
};//订阅感兴趣的东东；
PS.subscribe("life",function (){// 回调....
})PS.publish("life");

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)

(function($) {var o = $({});$.subscribe = function() {o.on.apply(o, arguments);};$.unsubscribe = function() {o.off.apply(o, arguments);};$.publish = function() {o.trigger.apply(o, arguments);};}(jQuery));

function f2(){console.log("f2 has done...");
}
jQuery.subscribe("done", f2);function f1(){setTimeout(function () {// f1的任务代码jQuery.publish("done");}, 1000);}// jQuery.publish("done")的意思是，f1执行完成后，向"信号中心"jQuery发布"done"信号，从而引发f2的执行。
// 此外，f2完成执行后，也可以取消订阅（unsubscribe）。
//jQuery.unsubscribe("done", f2);
//这种方法的性质与"事件监听"类似，但是明显优于后者。因为我们可以通过查看"消息中心"，
//了解存在多少信号、每个信号有多少订阅者，从而监控程序的运行。