Javascript 函数的魔力

函数的魔力 

 

     接下来，我们再讨论一下JavaScript函数的魔力吧。 

 

     JavaScript. 的代码就只有 function 一种形式，function 就是函数的类型。也许其他编程语

言还有 procedure或  method等代码概念，但在JavaScript里只有function一种形式。当我们

写下一个函数的时候，只不过是建立了一个function类型的实体而已。请看下面的程序： 

    function myfunc() 

    { 

        alert("hello"); 

    }; 

     

    alert(typeof(myfunc)); 

 

     这个代码运行之后可以看到 typeof(myfunc)返回的是 function。以上的函数写法我们称之

为“定义式”的，如果我们将其改写成下面的“变量式”的，就更容易理解了： 

    var myfunc = function () 

        { 

            alert("hello"); 

        }; 

     

 alert(typeof(myfunc)); 

 

     这里明确定义了一个变量 myfunc，它的初始值被赋予了一个 function 的实体。因此，typeof(myfunc)返回的也是 function。其实，这两种函数的写法是等价的，除了一点细微差别，

其内部实现完全相同。也就是说，我们写的这些JavaScript函数只是一个命了名的变量而已，

其变量类型即为function，变量的值就是我们编写的函数代码体。 

 

    聪明的你或许立即会进一步的追问：既然函数只是变量，那么变量就可以被随意赋值并

用到任意地方啰？ 

 

     我们来看看下面的代码： 

    var myfunc = function () 

        { 

            alert("hello"); 

        }; 

    myfunc(); //第一次调用 myfunc，输出 hello 

     

    myfunc = function () 

        { 

            alert("yeah"); 

        };     

    myfunc(); //第二次调用 myfunc，将输出 yeah 

 

     这个程序运行的结果告诉我们：答案是肯定的！在第一次调用函数之后，函数变量又被

赋予了新的函数代码体，使得第二次调用该函数时，出现了不同的输出。 

 

     好了，我们又来把上面的代码改成第一种定义式的函数形式： 

    function myfunc () 

    { 

        alert("hello"); 

    }; 

    myfunc(); //这里调用 myfunc，输出yeah而不是 hello 

     

    function myfunc () 

    { 

        alert("yeah"); 

    };     

    myfunc(); //这里调用 myfunc，当然输出yeah  

     按理说，两个签名完全相同的函数，在其他编程语言中应该是非法的。但在 JavaScript

中，这没错。不过，程序运行之后却发现一个奇怪的现象：两次调用都只是最后那个函数里

输出的值！显然第一个函数没有起到任何作用。这又是为什么呢？ 

 

     原来， JavaScript执行引擎并非一行一行地分析和执行程序，而是一段一段地分析执行的。

而且，在同一段程序的分析执行中，定义式的函数语句会被提取出来优先执行。函数定义执

行完之后，才会按顺序执行其他语句代码。也就是说，在第一次调用 myfunc之前，第一个

函数语句定义的代码逻辑，已被第二个函数定义语句覆盖了。所以，两次都调用都是执行最

后一个函数逻辑了。 

 

     如果把这个JavaScript代码分成两段，例如将它们写在一个 html中，并用标签将

其分成这样的两块： 

    function myfunc () 

    { 

        alert("hello"); 

    }; 

    myfunc(); //这里调用 myfunc，输出 hello 

 

 

    function myfunc () 

    { 

        alert("yeah"); 

    };     

    myfunc(); //这里调用 myfunc，输出 yeah 

 

 

     这时，输出才是各自按顺序来的，也证明了JavaScript的确是一段段地执行的。 

 

     一段代码中的定义式函数语句会优先执行，这似乎有点象静态语言的编译概念。所以，

这一特征也被有些人称为：JavaScript的“预编译”。 

 

     大多数情况下，我们也没有必要去纠缠这些细节问题。只要你记住一点：JavaScript里的代码也是一种数据，同样可以被任意赋值和修改的，而它的值就是代码的逻辑。只是，与一

般数据不同的是，函数是可以被调用执行的。 

 

     不过，如果JavaScript函数仅仅只有这点道行的话，这与 C++的函数指针，DELPHI的方

法指针，C#的委托相比，又有啥稀奇嘛！然而，JavaScript函数的神奇之处还体现在另外两

个方面：一是函数 function类型本身也具有对象化的能力，二是函数 function与对象  object

超然的结合能力。

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/15742414/viewspace-606374/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/15742414/viewspace-606374/