js 实现发布订阅模式

　　   /* Pubsub */
      function Pubsub(){
      　　//存放事件和对应的处理方法
      　　this.handles = {};
      }
      
      Pubsub.prototype = {
      　　//传入事件类型type和事件处理handle
      　　on: function (type, handle) {
      　　　　if(!this.handles[type]){
      　　　　　　this.handles[type] = [];
      　　　　}
      　　　　this.handles[type].push(handle);
      　　},
      　　emit: function () {
      　　　　//通过传入参数获取事件类型
      　　　　//将arguments转为真数组
      　　　　var type = Array.prototype.shift.call(arguments);
      　　　　if(!this.handles[type]){
      　　　　　　return false;
      　　　　}
      　　　　for (var i = 0; i < this.handles[type].length; i++) {
      　　　　　　var handle = this.handles[type][i];
      　　　　　　//执行事件
      　　　　　　handle.apply(this, arguments);
      　　　　}
      　　},
      　　off: function (type, handle) {
      　　　　handles = this.handles[type];
      　　　　if(handles){
      　　　　　　if(!handle){
      　　　　　　　　handles.length = 0;//清空数组
      　　　　　　}else{
      　　　　　　for (var i = 0; i < handles.length; i++) {
      　　　　　　　　var _handle = handles[i];
      　　　　　　　　if(_handle === handle){
      　　　　　　　　　　//从数组中删除
      　　　　　　　　　　handles.splice(i,1);
      　　　　　　　　}
      　　　　　　}
      　　　　}
      　　}　　
      }


      let p1 = new Pubsub();
      p1.on('detail', (name)=> {console.log(name)});
      p1.emit('detail', 'observer')
      let p2 = new Pubsub();
      p2.on('detail', (name)=> {console.log(name)});
      p2.emit('detail', 'observer2')
      p2.off('detail');
      p2.emit('detail', 'observer3');

 

 

转自 https://segmentfault.com/a/1190000012430769

转载于:https://www.cnblogs.com/bear-blogs/p/9823184.html