JavaScript方法的演变

        虽然很早就接触到js了,但写的少,研究得也少,所以还是小菜一个,最近写的一些东西中,觉得有个方法值得推荐的,所以记录下来.分享分享.呵呵.高手请飘过.

        先来看看最初这个方法是什么样子的吧.

        version 1:          <script language="javascript" type="text/javascript">
        function SomeClass()
        {
        }
        SomeClass.prototype =
        {
            Show : function()
            {
                alert("Say Hello!");
            }
        }
        window.onload = function()
        {
            window.Variable = new SomeClass();
        };
        </script>
        <input type="button" value="Hello" onclick="Variable.Show()" />

        在这个版中,按钮上要写上变量名,似乎不方便,也不雅,于是我就想能不能在脚本里绑定方法呢?在园子里找到了李战老师,答案是可以,这就出来了下面一个版本.

        Version 2:          <script language="javascript" type="text/javascript">
        function SomeClass(el)
        {
            if(typeof(el) == "string")
            {
                el = document.getElementById(el);
            }
            el.onclick = function(me)
            {
                return function()
                {
                    me.Show();
                }
            }(this);
        }
        SomeClass.prototype = {
            Show : function()
            {
                alert("Say Hello!");
            }
        }
        window.onload = function()
        {
            new SomeClass("btnDemo");
        }
        </script>
        <input type="button" value="Hello" id="btnDemo" />