js中函数声明与函数表达式

目前为止，我们一直没有对函数声明和函数表达式加以区别。而实际上，解析器在向执行环境中加载数据时，对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问）；至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解释执行。如下例子：


代码如下:


alert(sum(10,10));
function sum(num1,num2)
{
    return num1+num2;
}



　　以上代码完全可以正确执行，因为在代码开始执行之前，解析器就已经通过一个名为函数声明提升（function declaration hoisting）的过程，读取并将函数声明添加到执行环境中。对代码求值时，JavaScript引擎在第一遍会声明函数并将它们放到源代码树的顶部。所以，即使声明函数的代码在调用它的代码后面，JavaScript引擎也能把函数声明提升到顶部。如果像下面的例子所示，把上面的函数声明改为等价的函数表达式，就会在执行的时候出现错误。


代码如下:


alert(sum(10,10));
var sum=function(num1,num2)
{
    return num1+num2;
};



　　以上代码会在运行的时候出现错误，原因在于函数位于一个初始化语句中，而不是一个函数声明。换句话讲，在执行到函数所在的语句之前，变量sum中不会保存有对函数的引用；而且，由于第一行代码就会导致“unexpected identifier”（意外标识符）错误，实际上也不会执行到下一行。
　　除了声明时候可以通过变量访问函数这一点区别之外，函数声明与函数表达式的语法其实是等价的。
　　注：也可以同时调用函数声明和函数表达式，例如 var sum=function sum(){}。不过，这种语法在Safari中会导致错误。
以上所述就是本文的全部内容了，希望对大家学习javascript能够有所帮助。


有用  |  无用 取消

猜你喜欢