由 dawei
<div class="posthead">
Posted on 2008-02-25 13:32 阅读(24340) 所属分类: 这段JavaScript程序一开始产生了一个生命对象life，life诞生时只是一个光溜溜的对象，没有任何属性和方法。在第一次生命过程中，它有了一个身体属性body，并有了一个say方法，看起来是一个“卵细胞”。在第二次生命过程中，它又长出了“尾巴”和“腮”，有了tail和gill属性，显然它是一个“蝌蚪”。在第三次生命过程中，它的tail和gill属性消失了，但又长出了“四条腿”和“肺”，有了legs和lung属性，从而最终变成了“青蛙”。如果，你的想像力丰富的话，或许还能让它变成英俊的“王子”，娶个美丽的“公主”什么的。不过，在看完这段程序之后，请你思考一个问题：
我们一定需要类吗？
还记得儿时那个“小蝌蚪找妈妈”的童话吗？也许就在昨天晚，你的孩子刚好是在这个美丽的童话中进入梦乡的吧。可爱的小蝌蚪也就是在其自身类型不断演化过程中，逐渐变成了和妈妈一样的“类”，从而找到了自己的妈妈。这个童话故事中蕴含的编程哲理就是：对象的“类”是从无到有，又不断演化，最终又消失于无形之中的...
“类”，的确可以帮助我们理解复杂的现实世界，这纷乱的现实世界也的确需要进行分类。但如果我们的思想被“类”束缚住了，“类”也就变成了“累”。想象一下，如果一个生命对象开始的时就被规定了固定的“类”，那么它还能演化吗？蝌蚪还能变成青蛙吗？还可以给孩子们讲小蝌蚪找妈妈的故事吗？
所以，JavaScript中没有“类”，类已化于无形，与对象融为一体。正是由于放下了“类”这个概念，JavaScript的对象才有了其他编程语言所没有的活力。
如果，此时你的内心深处开始有所感悟，那么你已经逐渐开始理解JavaScript的禅机了。函数的魔力
接下来，我们再讨论一下JavaScript函数的魔力吧。
JavaScript的代码就只有function一种形式，function就是函数的类型。也许其他编程语言还有procedure或 method等代码概念，但在JavaScript里只有function一种形式。当我们写下一个函数的时候，只不过是建立了一个function类型的实体而已。请看下面的程序：<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee">
<span style="color: #000000"><span style="color: #0000ff">function<span style="color: #000000">myfunc()
{
alert(<span style="color: #000000">"<span style="color: #000000">hello<span style="color: #000000">"<span style="color: #000000">);
};
alert(<span style="color: #0000ff">typeof<span style="color: #000000">(myfunc));
这个代码运行之后可以看到typeof(myfunc)返回的是function。以上的函数写法我们称之为“定义式”的，如果我们将其改写成下面的“变量式”的，就更容易理解了：<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee">
<span style="color: #000000"><span style="color: #0000ff">var<span style="color: #000000">myfunc<span style="color: #000000">=<span style="color: #000000"><span style="color: #0000ff">function<span style="color: #000000">()
{
alert(<span style="color: #000000">"<span style="color: #000000">hello<span style="color: #000000">"<span style="color: #000000">);
};
alert(<span style="color: #0000ff">typeof<span style="color: #000000">(myfunc));
这里明确定义了一个变量myfunc，它的初始值被赋予了一个function的实体。因此，typeof(myfunc)返回的也是function。其实，这两种函数的写法是等价的，除了一点细微差别，其内部实现完全相同。也就是说，我们写的这些JavaScript函数只是一个命了名的变量而已，其变量类型即为function，变量的值就是我们编写的函数代码体。
聪明的你或许立即会进一步的追问：既然函数只是变量，那么变量就可以被随意赋值并用到任意地方啰？
我们来看看下面的代码：<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee">
<span style="color: #000000"><span style="color: #0000ff">var<span style="color: #000000">myfunc<span style="color: #000000">=<span style="color: #000000"><span style="color: #0000ff">function<span style="color: #000000">()
{
alert(<span style="color: #000000">"<span style="color: #000000">hello<span style="color: #000000">"<span style="color: #000000">);
};
myfunc();<span style="color: #008000">//<span style="color: #008000">第一次调用myfunc，输出hello<span style="color: #008000"><span style="color: #000000">
myfunc<span style="color: #000000">=<span style="color: #000000"><span style="color: #0000ff">function<span style="color: #000000">()
{
alert(<span style="color: #000000">"<span style="color: #000000">yeah<span style="color: #000000">"<span style="color: #000000">);
};
myfunc();<span style="color: #008000">//<span style="color: #008000">第二次调用myfunc，将输出yeah