在函数里传回调函数,可以实现在特定的条件下执行想要的功能,但是缺点是什么呢?如果你要在特定条件下执行很多的功能,咋办呢?再次调用函数,然后回调?太啰嗦;
这里说的监听者模式呢,其实也是一种思想,用大白话比喻呢就是:比如说有一个人比赛得了冠军(也可以是亚军,233),然后嘞,有三个人分别想做三件事,但是,这三件事只有当前面那个人拿了冠军,这三件事才会被做;那么,怎么办呢?
用监听者模式的思想来解决这件事:先定义两个方法,一个方法用来将三个人想做的事push进一个定义好的数组里面;另一个方法,遍历数组,执行数组里的方法;
(其实我是自己明白的,就怕表达不清楚~)
写一个简单的应用,代码如下:
//定义一个person对象
let person = {
listens : [],
//将需要特定时机触发的函数push进listens数组里
//调用下边的executeListener函数就可以触发
addListener : function(fn){
this.listens.push(fn);
},
//在特定条件下调用函数,执行listens里面的函数
executeListener : function() {
this.listens.forEach(function(ele){
ele();
});
}
};
//分别将要做的事情push进数组里面,等拿了冠军,一起调用
person.addListener(function(){
console.log('恭喜你,拿了冠军');
});
person.addListener(function(){
console.log('拿了冠军,送给你一束鲜花');
});
person.addListener(function(){
console.log('得了冠军,回家请你饱餐一顿');
});
//拿了冠军了,好,执行那三件事吧~
if('拿了冠军'){
person.executeListener();
}