<!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. 【目录】Python自动化运维

    目录:Python自动化运维笔记 Python自动化运维 - day2 - 数据类型 Python自动化运维 - day3 - 函数part1 Python自动化运维 - day4 - 函数Part2 ...

  2. 【R语言学习】时间序列

    时序分析会用到的函数 函数 程序包 用途 ts() stats 生成时序对象 plot() graphics 画出时间序列的折线图 start() stats 返回时间序列的开始时间 end() st ...

  3. python实战===用python识别图片中的中文

    需要安装的模块 PIL pytesseract 需要下载的工具: http://download.csdn.net/download/bo_mask/10196285 因为之前百度云的链接总失效,所以 ...

  4. 超级rtmp服务器和屌丝wowza

    超级rtmp服务器和屌丝wowza http://blog.csdn.net/win_lin/article/details/11927973

  5. [How to]Cloudera manager 离线安装手册

    2016-01-1910:54:05  增加kafka 1.简介 本文介绍在离线环境下安装Cloudera manager和简单使用方法 2.环境 OS:CentOS 6.7 Cloudera man ...

  6. 文件上传实现ajax假异步

    $.ajaxFileUpload({ url : getSitePath()+'/jlyElderly/doUpdateImage', secureuri : false,//是否需要安全协议 fil ...

  7. 2.Python3标准库--文本

    (一)string:文本常量和模板 1.函数 import string ''' string模块在最早的Python版本中就已经有了.以前这个模块中提供的很多函数已经移植到str对象中,不过这个模块 ...

  8. 循环select查询结果集

    --标记id --每次查询特定列比标记id大的第一条数据, --同时更新标记id,直到查询结果为空 ) set @id='' begin @id=id from T_SGZ where id>@ ...

  9. liunx命令大全

    Linux常用命令大全   Linux常用命令大全(非常全!!!) 最近都在和Linux打交道,感觉还不错.我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制,当然,这也是很多人 ...

  10. 简写代码:当变量为false时['',false,null,undefined,0,NaN]时，返回默认值

    当变量为'',false,null,undefined,0,NaN时,返回默认值 var a='' a || 'hello world'   "hello world" var a ...