收集的几个不错的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> 
<div id=output></div> 

<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> 
<!-- 
function Template_Group(Class) 
{ 
//这个类型直接对类型进行操作，它的参数是一个类型 
//所以根据前面的定义，它是一个"元类" 
    if(!Class)Class=Object; 
    var prototype=new Class(); 
    return function() 
    { 
        var g=new Array(); 
        //add方法用来向集合中添加元素 
        this.add=function(newElement) 
        { 
            if(newElement.constructor==Class) 
            { 
                for(var i=0;i<g.length;i++) 
                { 
                    if(g[i]==newElement)return; 
                } 
                g.push(newElement); 
            } 
        } 
//remove方法用来将集合元素移除 
        this.remove=function(theElement) 
        { 
            for(var i=0;i<g.length;i++) 
            { 
                for(var i=0;i<g.length;i++) 
                { 
                    if(g[i]==newElement)g.slice(i,1); 
                } 
            } 
        } 
//下面的这个循环很复杂，它大致的意思是将单个对象的方法抽象成同名的集合方法 
//调用集合对象的某个方法，将对集合中每一个对象的同名方法生效！ 
//并且，以一个数组形式返回对象集合中每一个对象调用方法的结果 
        for(var p in prototype) 
        { 
            if(prototype[p].apply) 
            { 
                this[p]=function() 
                { 
                    var m=p; 
                    return function() 
                    { 
                        if(g.length) 
                        { 
                            var o=g[0][m].apply(g[0],arguments); 
                            if(!(o instanceof Object)) 
                            { 
                                var r=new Array(); 
                                for(var i=1;i<g.length;i++) 
                                { 
                                    r.push(g[i][m].apply(g[i],arguments)); 
                                } 
                                return r; 
                            } 
                            else 
                            { 
                                var r=new (new Template_Group(g[0][m].apply(g[0][m],arguments).constructor)); 
                                r.add(o); 
                                for(var i=1;i<g.length;i++) 
                                { 
                                    r.add(g[i][m].apply(g[i],arguments)); 
                                } 
                                return r; 
                            } 
                        } 
                    } 
                }() 
            } 
        } 
    } 
} 
--> 
</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 |</pre><p>上一个：<a href="/show/00089b04810c2515.htm">javascript js cookie的存储,获取和删除</a><br/>下一个：<a href="/show/b5f0768d132a8256.htm">JS的replace方法与正则表达式结合应用讲解</a></p><div class="piclist">更多图片编程知识:<ul><li><a href="/show/c5217e58997695e9.htm"><img src='/upload/20121013/2482150_1_7.jpg' width=105 height=105><br/>用javascript实现图片马赛克后显示并切换</a></li><li><a href="/show/47aa7cd02cfa0eb7.htm"><img src='/upload/2013111604/20130309095435300.jpg' width=105 height=105><br/>使用jsp自定义标签库实现数据列表显示模拟cms4j中的标签库效果</a></li><li><a href="/show/802b3d6bd58b624e.htm"><img src='/upload/20121013/2007310135045801.gif' width=105 height=105><br/>简单三步，搞掂内存泄漏</a></li><li><a href="/show/81e97d701ab9aee6.htm"><img src='/upload/20121013/None.gif' width=105 height=105><br/>jQuery使用手册之一</a></li><li><a href="/show/ba8b3a563a001aaa.htm"><img src='/upload/2013111604/20121210014139820.jpg' width=105 height=105><br/>关于free如何知道要释放内存空间的长度问题</a></li><li><a href="/show/fba7ac24a68547aa.htm"><img src='/upload/2013111604/2008052123323114.gif' width=105 height=105><br/>JBuilder2005实战JSP之程序功能介绍(6)</a></li></ul></div></div>
  <div class="zykmore"><script type="text/javascript" src="/js/s4.js"></script></div><div class="more"><dl><dt>更多<a href="/list/7_1.htm">JS</a>疑问解答：</dt><dd><a target="_blank" href="/show/31f300d314d4c0d3.htm">几个验证11位手机号码格式的js代码</a></dd><dd><a target="_blank" href="/show/7d909e714c0774e2.htm">js如何获得FCKeditor控件的值</a></dd><dd><a target="_blank" href="/show/b4327bdd4ebbebcb.htm">用js限制投票的cookie .目前设置的为：<input type="" class="" onclick="'window.location...</a></dd><dd><a target="_blank" href="/show/cbcc4d7336496819.htm">JS验证，这块“牛皮”反复修改都不能实现</a></dd><dd><a target="_blank" href="/show/cb91bc419542ce9f.htm">在JS中使用DOM模型</a></dd><dd><a target="_blank" href="/show/897f78948b91f031.htm">如何用JS 获取本地文件夹的文件列表</a></dd><dd><a target="_blank" href="/show/58cf22df63d3344a.htm">js中new 了两个Object数组。怎么样将数组内容合并，重复的内容？</a></dd><dd><a target="_blank" href="/show/b1e97b258c9ed0b3.htm">求实现自动生成图片缩略图的JS代码</a></dd><dd><a target="_blank" href="/show/59e5b8e1f4421028.htm">JS脚本网页问题</a></dd><dd><a target="_blank" href="/show/2c3f71b731258761.htm">js，代码中"object"和"Object"区别？</a></dd><dd><a target="_blank" href="/show/b281b7d5eabf3339.htm">js+flash实现网页图片切换效果，出现边框，单击激活此控件。</a></dd><dd><a target="_blank" href="/show/3aa8e41c89689f54.htm">JS怎样操作PHP中的参数</a></dd><dd><a target="_blank" href="/show/b4b8714c029b37a6.htm">js 怎么在一打开页面就加载这个函数。</a></dd><dd><a target="_blank" href="/show/8c57097425b52fc7.htm">Date.parse()的问题(js)</a></dd><dd><a target="_blank" href="/show/012152bfb53fdf04.htm"><script src="/{maxcms:sitepath}js/common.js"></script>是什么意思</a></dd></dl></div>
</div>
<div id="zykleft">
  <div class="leftm">
    <div id="logo"><a href="http://www.zzzyk.com/">站长资源库</a>
    	<div class="clear"></div><script type="text/javascript" src="/js/i7f.js"></script></div>
      <script type="text/javascript" src="/js/sharen.js"></script><div class="clear"></div>
    <dl class="list"><dd><a href="/list/1_1.htm">asp</a></dd><dd><a href="/list/2_1.htm">php</a></dd><dd><a href="/list/3_1.htm">Delphi</a></dd><dd><a href="/list/4_1.htm">Matlab</a></dd><dd><a href="/list/5_1.htm">JSP</a></dd><dd><a href="/list/6_1.htm">Foxpro</a></dd><dd><a href="/list/7_1.htm">JS</a></dd><dd><a href="/list/8_1.htm">C/C++</a></dd><dd><a href="/list/9_1.htm">C#/ASP.NET</a></dd><dd><a href="/list/10_1.htm">VC++</a></dd><dd><a href="/list/11_1.htm">JAVA</a></dd><dd><a href="/list/12_1.htm">VB</a></dd><dd><a href="/list/13_1.htm">汇编语言</a></dd><dd><a href="/list/20_1.htm">html/css</a></dd><dd><a href="/list/21_1.htm">CGI</a></dd><dd><a href="/list/23_1.htm">XML/UML</a></dd><dd><a href="/list/24_1.htm">wap</a></dd><dd><a href="/list/27_1.htm">网站相关</a></dd><dd><a href="/list/60_1.htm">网页素材</a></dd><dd><a href="/list/70_1.htm">python</a></dd></dl><dl class="notice">如果你遇到<a href="/default.htm">编程学习</a>难题：<br/>请访问www.zzzyk.com 试试</dl>
  </div>
  <div class="leftm"><dl><dt><script type="text/javascript" src="/js/s5.js"></script></dt></dl></div>
  <div class="leftm"><dl><dt><script type="text/javascript" src="/js/s6.js"></script></dt></dl></div>
</div></div>
<div class="clear"></div>
<div class="bdshare">
  <script type="text/javascript" src="/js/share.js"></script>
</div>
<div class="clear"></div>
<div class="foot">CopyRight © 2012 站长网 编程知识问答 <a href="http://www.zzzyk.com">www.zzzyk.com</a> All Rights Reserved<br/>部份技术文章来自网络，<script type="text/javascript" src="/images/my.js"></script>
</div>
</body>
</html>