收集的几个不错的javascript类小例子

具体功能运行后看效果
<img id=img1 style="height:100;width:100;"></img> <button onclick="img1.onclick.AddFunction（f1）">添加f1</button><button onclick="img1.onclick.AddFunction（f2）">添加f2</button><button onclick="img1.onclick.AddFunction（f3）">添加f3</button> <button onclick="img1.onclick.RemoveFunction（f1）">移除f1</button><button onclick="img1.onclick.RemoveFunction（f2）">移除f2</button><button onclick="img1.onclick.RemoveFunction（f3）">移除f3</button><SCRIPT LANGUAGE="JavaScript"> function FunctionArray（） { var functions=new Array（）; var FA=function （）{ for（var i=0;i<functions.length;i++）{ if（functions[i] instanceof Function）functions[i]（）; } } FA.AddFunction=function（newFunction）{ if（newFunction instanceof Function） { for（var i=0;i<functions.length;i++）{ if（functions[i]==newFunction）return; } functions.push（newFunction）; } } FA.RemoveFunction=function（theFunction）{ for（var i=0;i<functions.length;i++）{ if（functions[i]==theFunction）functions.splice（i,1）; } } return FA; } img1.onclick=FunctionArray（）; function f1（） { output.innerHTML+="f1 runs！！"; } function f2（） { output.innerHTML+="f2 runs！！"; } function f3（） { output.innerHTML+="f3 runs！！"; } </SCRIPT>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
<script> Function.prototype.concat = function（） { var funcs = [this].concat（Array.apply（[], arguments））;return function（）{ var ret = []; for（var i = 0; i < funcs.length; i++） { var func = funcs[i] instanceof Function ？ funcs[i] : new Function（funcs[i]）; ret.push（func.apply（this, arguments））; } return ret; } } var a = new Function（"return 0"）; a=a.concat（function（）{return 1}, function（）{return 2}, function（）{return 3}）; alert（a（））; </script>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
顺便贴上winter以前写的东西
winte有空的时候快来帮我加点注释
我加不动了……
<script></script>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
一个功能更强大的
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>新建网页 1</title> <script language="javascript"> if（typeof asfman == "undefined"） asfman = {}; //through below method dispath events should note:addEventListener"s eventType should not conflict with method asfman.onMethodExecute = function（obj,method,eventType,beforeMethod,evt） { var old = obj[method] || function（）{}; evt = evt || {}; obj[method] = function（） { evt.arguments = arguments; beforeMethod && this.dispatchEvent（eventType,evt）; old.apply（this,arguments）; beforeMethod || this.dispatchEvent（eventType,evt）; } } asfman.EventManager = function（） { this.dispatchEvent = function（eventType, eventArgs） { eventArgs = eventArgs || {}; var events = this["on"+eventType]; var called = 0; if（events && typeof（events） == "function"） events = [events]; if（！eventArgs.type） eventArgs.type = eventType;if（events） { var len=events.length; var capturer=events.capturer; var capturerName=events.capturerName; var evt; for（var i=0;i<len;i++） { evt = events[i]; called++; evt.call（this,eventArgs）; if（！eventArgs.cancelBubble && called == len && capturer && capturerName && capturer[capturerName]） { //if eventArgs.cancelBubble is not set true and..,run the capturer function capturer[capturerName]（eventArgs）; } if（called == len && eventArgs.defaultOp）{ //if exists the defaultOp function ,run it eventArgs.defaultOp.call（this, eventArgs）; } } } else if（eventArgs.defaultOp） { eventArgs.defaultOp.call（this, eventArgs）; } }this.captureEvents = function（target, eventType, capturerName, closure） { if（typeof capturerName == "function"） { closure = capturerName; capturerName = null; } capturerName = capturerName || "on" + eventType;target["on"+eventType] = target["on"+eventType] || [function（）{}]; var events = target["on"+eventType]; if（typeof（events） == "function"） { target["on"+eventType] = [events]; }target["on"+eventType].capturer = this; target["on"+eventType].capturerName = capturerName; if（closure）this[capturerName] = closure; } this.addEventListener = function（eventType, closure） { if（this["on"+eventType] == null） { this["on"+eventType] = []; } var events = this["on"+eventType]; if（events && typeof（events） == "function"）{ this["on"+eventType] = [events]; events = this["on"+eventType]; } events.push（closure）; return closure; } this.removeEventListener = function（eventType, closure） { var events = this["on"+eventType]; if（events && typeof（events） == "function"） events = [events];for（var i = 0; i < events.length; i++） { if（events[i] == closure） events.splice（i, 1）; } return closure; } } </script> </head> <body> click on me<script> var obj1 = document.getElementById（"test"）,obj2 = document.getElementById（"test2"）; asfman.EventManager.call（obj1）; obj1.addEventListener（"test",function（）{obj2.innerText = " test ";}）; obj1.addEventListener（"test",function（）{alert（"test"）;}）; asfman.onMethodExecute（obj1,"onclick","test"）; </script> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]