1、回调函数
function f1(calback){
console.log(1)
setTimeout(function () {
calback();
},0)
}
function f2() {
console.log(2)
}
f1(f2);
2、事件监听：
3、订阅/发布模式： 存在一个信号中心，某个任务完成时，向信号中心发出一个信号，其它任务可以向信号中心“订阅”这个信号，从而知道什么时候开始执行
> 存在一个"信号中心"，某个任务执行完成，就向信号中心"发布"（publish）一个信号，其他任务可以向信号中心"订阅"（subscribe）这个信号，从而知道什么时候自己可以开始执行。这就叫做["发布/订阅模式"](http://en.wikipedia.org/wiki/Publish-subscribe_pattern)（publish-subscribe pattern），又称["观察者模式"](http://en.wikipedia.org/wiki/Observer_pattern)（observer pattern）。
class EventCenter {
// 定义事件中心
constructor() {
this.events = {}
}
// 发布器
on(evt, handler) {
// 检测事件信号是否存在，当存在时不做操作，不存在时创建给予这个信号的方法存储器（数组）
this.events[evt] = this.events[evt] || []
console.log(this.events[evt])
// 将传入的方法放入数组中
this.events[evt].push({
handler: handler
})
}
// 订阅器
fire(evt, params) {
console.log(1)
// 检测当前被订阅的信号是否存在，存在则执行其内的所有方法
if (!this.events[evt]) {
return
}
for (let i = 0; i < this.events[evt].length; i++) {
this.events[evt][i].handler(params)
}
}
}
let center = new EventCenter();
center.on('event', function(data) {
console.log('event执行了第一个任务')
});
center.on('event', function(data) {
console.log('event执行了第二个任务')
});
console.log(6)
center.fire('event')
//最终结果 6 1 event执行了第一个任务 event执行了第二个任务
js异步编程的四种方式
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 参考文献 Javascript异步编程的4种方法阮一峰ES6教程---Promise 相关技术 Promis, c...
- Javascript语言的执行环境是"单线程"（single thread） 所谓"单线程"，就是指一次只能完成一...
- 今天是星期天，孩子们还有一周就开学了。前两天说好的让孩子姑姑家、叔叔家来家里吃饭。一大早我就去赶大集买了些蔬菜、鸡...
