监听者模式

2018-06-24 00:42:30来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

在函数里传回调函数,可以实现在特定的条件下执行想要的功能,但是缺点是什么呢?如果你要在特定条件下执行很多的功能,咋办呢?再次调用函数,然后回调?太啰嗦;

这里说的监听者模式呢,其实也是一种思想,用大白话比喻呢就是:比如说有一个人比赛得了冠军(也可以是亚军,233),然后嘞,有三个人分别想做三件事,但是,这三件事只有当前面那个人拿了冠军,这三件事才会被做;那么,怎么办呢?

用监听者模式的思想来解决这件事:先定义两个方法,一个方法用来将三个人想做的事push进一个定义好的数组里面;另一个方法,遍历数组,执行数组里的方法;

(其实我是自己明白的,就怕表达不清楚~)

写一个简单的应用,代码如下:

 1 //定义一个person对象
 2         let person = {
 3             listens : [],
 4 
 5             //将需要特定时机触发的函数push进listens数组里
 6             //调用下边的executeListener函数就可以触发
 7             addListener : function(fn){
 8                 this.listens.push(fn);
 9             },
10 
11             //在特定条件下调用函数,执行listens里面的函数
12             executeListener : function() {
13                 this.listens.forEach(function(ele){
14                     ele();
15                 });
16             }
17         };
18 
19         //分别将要做的事情push进数组里面,等拿了冠军,一起调用
20         person.addListener(function(){
21             console.log('恭喜你,拿了冠军');
22         });
23         person.addListener(function(){
24             console.log('拿了冠军,送给你一束鲜花');
25         });
26         person.addListener(function(){
27             console.log('得了冠军,回家请你饱餐一顿');
28         });
29 
30         
31         //拿了冠军了,好,执行那三件事吧~
32         if('拿了冠军'){
33             person.executeListener();
34         }

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:javascript 之变量对象-09

下一篇:List of js