<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=">

<title>test </title>

</head>

<body>

<script>

(function(window){

		function comets(url){

				if (!url || typeof url != 'string')

				{

					return;

				}

				var Client = function(url) {

					var self = this;

					this.events = [];

					this.onmessage = function(e){

					console.log('此时如果Client.onmessage 被执行 Client.events属性中就是 function(data){ for (var i  = 0; i < fs.length; i++) {'+

							   'fs[i](data.parseJSON(), data);}  } 这里fs会去找');

						var es = this.events;

						for (var i = 0; i < es.length; i++)

						{

							es[i](11111, 'hello world');  //es[i] 相当于A函数

						}

					}

				//绑定推送事件

					this.bind = function(handle) {

						if (typeof handle != 'function')

						{

							return this;

						}

						this.events.push(handle);

						console.log('--------client对象中的bind()方法将 传过来的参数 追加到 Client.events属性');

						return this;

					}

					setInterval(function() { self.onmessage();}, 2000);

				}

				return new Client(url);

		}

	 var _ = {};

	 /*推送模块*/

	 _.comet = {

		_funcs : [],  //不断往此数组追加函数

		init : function(){

			var fs = this._funcs;

			 console.log('_.comet.init() 函数被执行  comets函数被执行，并实例化它内部的client对象返回  client对象中的bind()方法被执行');

			var url ='bixin.beta.golds-cloud.com?channel_id=r1000';

			comets(url).bind(function(a, b){

				   for (var i  = 0; i < fs.length; i++)

				   {

					   fs[i](a, b); 	//执行_funcs中的元素（追加的函数）

				   }

			   });

		},

		bind : function(func){

			if (typeof func != 'function')

			{

				return false;

			}

			this._funcs.push(func);	//不断的将方法 追加进_funcs数组中

			 console.log('_.comet.bind()函数已经将传过来的 函数 作为参数追加到了_.comet._funcs数组中');

		}

	 }

	_.chat = {

	    time: new Date(),

		init:function(){

		     console.log('_.chat.init()函数已经被执行');

		        _.comet.bind(function(j, d){  console.log(j +"  -第一种方式打印-  "+ d);});  	

               _.comet.bind(function(j, d){  console.log(j +"  -第二种方式打印-  "+ d);});		

               _.comet.bind(function(j, d){  console.log(j +"  -第二种方式打印-  "+ d);});

	    }

	};

	 _.init = function() {

	        _.comet.init();

	        _.chat.init();

	 };

	 window.HD = _;

  })(window);

  //执行

  HD.init();

</script>

</body>

</html>

一段javascript设计模式应用场景的更多相关文章

  1. 常用的Javascript设计模式

    <parctical common lisp>的作者曾说,如果你需要一种模式,那一定是哪里出了问题.他所说的问题是指因为语言的天生缺陷,不得不去寻求和总结一种通用的解决方案. 不管是弱类型 ...

  2. 转载,javascript 设计模式

    了解JavaScript设计模式我们需要知道的一些必要知识点:(内容相对基础,高手请跳过) 闭包:关于闭包这个月在园子里有几篇不错的分享了,在这我也从最实际的地方出发,说说我的理解. 1.闭包最常用的 ...

  3. 【JavaScript设计模式系列---开篇预览】

    转:http://www.cnblogs.com/Darren_code/archive/2011/08/31/JavascripDesignPatterns.html 2011-08-31 23:5 ...

  4. javascript 设计模式

    了解JavaScript设计模式我们需要知道的一些必要知识点:(内容相对基础,高手请跳过) 闭包:关于闭包这个月在园子里有几篇不错的分享了,在这我也从最实际的地方出发,说说我的理解. 1.闭包最常用的 ...

  5. Javascript设计模式理论与实战：工厂方法模式

    本文从简单工厂模式的缺点说起,引入工厂方法模式,介绍的工厂方法模式的基本知识,实现要点和应用场景,最后举例进行说明工厂方法模式的应用.在之前的<Javascript设计模式理论与实战:简单工厂模 ...

  6. 《JavaScript设计模式与开发实践》整理

    最近在研读一本书<JavaScript设计模式与开发实践>,进阶用的. 一.高阶函数 高阶函数是指至少满足下列条件之一的函数. 1. 函数可以作为参数被传递. 2. 函数可以作为返回值输出 ...

  7. Javascript设计模式学习一

    学习Javascript设计模式之前,需要先了解一些相关知识,面向对象的基础知识.this等重要概念,以及掌握一些函数式编程的技巧. Js多态 多态的思想:实际上是把“做什么”和“谁去做”分离开来.例 ...

  8. Javascript设计模式（摘译）

    说明: 未完成...更新中.... 一.javascipt设计模式分类 设计模式分类有很多标准,最流行的三种如下 1)  creational  --  主要关注对象创建 Creational des ...

  9. JavaScript设计模式:读书笔记(未完)

    该篇随我读书的进度持续更新阅读书目:<JavaScript设计模式> 2016/3/30 2016/3/31 2016/4/8 2016/3/30: 模式是一种可复用的解决方案,可用于解决 ...

随机推荐

  1. beego 相关

    bee api bapi bee run -downdoc=true -docgen=true

  2. 【Python学习笔记】Coursera之PY4E学习笔记——String

    1.字符串合并 用“+”来进行字符串的合并,注意空格是要自己加的. 例: >>> a='Hello' >>> b= a+ 'There' >>> ...

  3. fbx sdk

    autodesk fbx review autodesk fbx review http://www.greenxf.com/soft/169025.html autodesk fbx review( ...

  4. 在linux下有没有什么软件可以连接windows上的MSSQL SERVER

    在linux下有没有什么软件可以连接windows上的MSSQL SERVER GUI的http://dbeaver.jkiss.org/ http://bbs.csdn.net/topics/391 ...

  5. python windows下安装celery调度任务时出错

    由于celery 4.0不支持windows系统.所以用命令pip install Celery安装的celery是最新版4.0的不能在windows下运行. 在windows命令窗口运行: cele ...

  6. mac10.9下安装Android

    这里记录一下mac下安装android比较快捷的方法 首先,到这里下载Android SDK,这个是集成的,所有工具一应俱全,免去了下载一堆东西的烦恼.具体包括如下: Eclipse + ADT pl ...

  7. BZOJ 3771 生成函数，FFT

    Description 我们讲一个悲伤的故事. 从前有一个贫穷的樵夫在河边砍柴. 这时候河里出现了一个水神,夺过了他的斧头,说: “这把斧头,是不是你的?” 樵夫一看:“是啊是啊!” 水神把斧头扔在一 ...

  8. 2016多校第4场 HDU 6076 Security Check DP,思维

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=6076 题意:现要检查两条队伍,有两种方式,一种是从两条队伍中任选一条检查一个人,第二种是在每条队伍中同 ...

  9. mac 使用清除废纸篓或彻底删除某文件 附加: smb afp ftp NAS 访问服务器相关

    mac 使用清除废纸篓或彻底删除某文件 附加: smb afp ftp NAS 访问服务器相关 mac 下删除文件方法: 1.使用 cleanmymac  使用 cleamymac 的清理  和 逐个 ...

  10. IE中部分版本的浏览器对Select标签设置innerHTML无效的问题

    这样写的代码:document.getElementById('data_list').innerHTML = data;//data是ajax返回的数据 结果发现在ie10的兼容模式下面下拉框没有内 ...