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" />