标签：实现 回调 style size code function reac 另一个 add
在函数里传回调函数，可以实现在特定的条件下执行想要的功能，但是缺点是什么呢？如果你要在特定条件下执行很多的功能，咋办呢？再次调用函数，然后回调？太啰嗦；
这里说的监听者模式呢，其实也是一种思想，用大白话比喻呢就是：比如说有一个人比赛得了冠军(也可以是亚军，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 }
标签：实现 回调 style size code function reac 另一个 add
原文地址：http://www.cnblogs.com/bsblogs/p/7783997.html
