JS模式之简单的订阅者和发布者模式完整实例


Posted in Javascript onJune 30, 2015

本文实例讲述了JS模式之简单的订阅者和发布者模式。分享给大家供大家参考。具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>parten</title>
</head>
<body>
<script>
var singletonTest = SingletonTest.getInstance({
  pointX : 5
});
console.log(singletonTest.pointX);
//easy_Observer_model;
function ObserverList(){
  this.observerList = [];
};
ObserverList.prototype.Add = function(obj){
  return this.observerList.push(obj);
};
ObserverList.prototype.Empty = function(){
  this.observerList = [];
};
ObserverList.prototype.Count = function(){
  return this.observerList.length;
};
ObserverList.prototype.Get = function(index){
  if(index>-1 && index<this.observerList.length)
  return this.observerList[index];
};
ObserverList.prototype.Insert = function(obj,index){
  var pointer = -1;
  if(index == 0){
    this.observerList.unshift(obj);
    pointer = index;
  }else if(index == this.observerList.length){
    this.observerList.push(obj);
    pointer = index;
  };
  return pointer;
};
ObserverList.prototype.IndexOf = function(obj,startIndex){
  var i = startIndex, pointer = -1;
  while(i < this.observerList.length){
    if(this.observerList[i] === obj){
      pointer = i;
    };
    i++
  };
  return pointer;
};
ObserverList.prototype.RemoveIndexAt = function(index){
  if(index === 0){
    this.observerList.shift();
  }else if(index === this.observerList.length-1){
    this.observerList.pop();
  };
  return index;
};
function extend(obj,extension){
  for(var key in obj){
    extension[key] = obj[key];
  }
};
//
function Subject(){
  this.observers = new ObserverList();
};
Subject.prototype.AddObserver = function(obj){
  this.observers.add(obj)
};
Subject.prototype.RemoveObserver = function(observer){
  this.observers.removeIndexAt( this.observers.IndexOf(observer,0) );
};
Subject.prototype.Notify = function(context){
  var observerCount = this.observers.count();
  for(var i=0; i<observerCount; i++){
    this.observers.Get(i).update(context);
  };
}
//Pubsub//subscribe
var Pubsub = {};
(function(q){
  var topics = [],
    subUid = -1;
  q.publish = function(topic,args){
    if(!topics[topic]){
      return false;
    };
    var subscribers = topics[topic],
      len = subscribers ? subscribers.length : 0;
    while(len--){
      subscribers[len].func(topic,args);
    }
    return this;
  };
  q.subscribe = function(topic,func){
    if(!topics[topic]){
      topics[topic] = [];
    };
    var token = (++subUid).toString();
    topics[topic].push({
      token : token,
      func : func
    });
    return token;
  };
  q.unsubscribe = function(token){
    for(var m in topics){
      if(topics[m]){
        for(var i=0; i<topics[m].length; i++){
          if(topics[m][i].token === token){
            topics[m].splice(i,1);
            return token;
          }
        }
      };
    };
    return this;
  }
})(pubsub);
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript 播放器 控制
Jan 22 Javascript
JavaScript调试工具汇总
Dec 23 Javascript
jQuery中:first选择器用法实例
Dec 30 Javascript
js为什么不能正确处理小数运算?
Dec 29 Javascript
javascript弹性运动效果简单实现方法
Jan 08 Javascript
AngularJS基础 ng-focus 指令简单示例
Aug 01 Javascript
JS奇技之利用scroll来监听resize详解
Jun 15 Javascript
vue-resouce设置请求头的三种方法
Sep 12 Javascript
Javascript实现异步编程的过程
Jun 18 Javascript
从vue源码看props的用法
Jan 09 Javascript
jQuery实现回到顶部效果
Oct 19 jQuery
如何用JS实现网页瀑布流布局
Apr 24 Javascript
JS模式之单例模式基本用法
Jun 30 #Javascript
js简单工厂模式用法实例
Jun 30 #Javascript
JavaScript判断undefined类型的正确方法
Jun 30 #Javascript
超赞的动手创建JavaScript框架的详细教程
Jun 30 #Javascript
JavaScript中Null与Undefined的区别解析
Jun 30 #Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
Jun 30 #Javascript
深入探究使JavaScript动画流畅的一些方法
Jun 30 #Javascript
You might like
PHP4 与 MySQL 交互使用
2006/10/09 PHP
使用Smarty 获取当前日期时间和格式化日期时间的方法详解
2013/06/18 PHP
php后台如何避免用户直接进入方法实例
2013/10/15 PHP
php检测url是否存在的方法
2015/04/14 PHP
PHP MSSQL 分页实例
2016/04/13 PHP
phpstorm 配置xdebug的示例代码
2019/03/31 PHP
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
jquery实现最简单的滑动菜单效果代码
2015/09/12 Javascript
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
2016/08/06 Javascript
浅谈对Angular中的生命周期钩子的理解
2017/07/31 Javascript
ES6 系列之 WeakMap的使用示例
2018/08/06 Javascript
Three.JS实现三维场景
2018/12/30 Javascript
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
在Django的form中使用CSS进行设计的方法
2015/07/18 Python
快速入门python学习笔记
2017/12/06 Python
pandas删除指定行详解
2019/04/04 Python
python中将两组数据放在一起按照某一固定顺序shuffle的实例
2019/07/15 Python
详解使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件
2019/08/23 Python
Python打印特殊符号及对应编码解析
2020/05/07 Python
python实现简单文件读写函数
2021/02/25 Python
网络教育自我鉴定
2013/11/01 职场文书
医务人员竞聘职务自我评价分享
2013/11/08 职场文书
高职教师岗位职责
2013/12/24 职场文书
硕士研究生自我鉴定范文
2013/12/27 职场文书
继电保护工岗位职责
2014/01/05 职场文书
公益广告语集锦
2014/03/13 职场文书
学生会竞选演讲稿学习部
2014/08/25 职场文书
财务审计整改报告
2014/11/06 职场文书
2014年护理部工作总结
2014/11/14 职场文书
2014年置业顾问工作总结
2014/11/17 职场文书
2014年医院党建工作总结
2014/12/20 职场文书
python 如何用terminal输入参数
2021/05/25 Python
Docker部署Mysql8的实现步骤
2022/07/07 Servers