Javascript函数声明与函数表达式的区别

Javascript函数声明与函数表达式的区别

在定义函数时,咱们通常使用下面这两种方法:函数

使用函数声明定义:spa

1
2
3
function  sum (a, b) {
     return a + b;
}

使用函数表达式定义:code

1
2
3
var sum = function (a, b) {
     return a + b;
}

调用方法都是同样的:ip

如求“1+1”等于几:ci

1
alert(sum(1, 1));

但这两种方法仍是有区别的。解析器在向执行环境中加载数据时,对函数声明和函数表达式并不是一视同仁。解析器会率先读取函数声明,并使其在执行任何代码以前可用;而函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。io

示例:table

1
2
3
4
alert(sum(1, 1));
function  sum (a, b) {
     return a + b;
}

以上代码能够正常执行。由于在代码执行以前,解析器就已经经过一个名为函数声明提高的过程,读取并将函数声明添加到执行环境中。在对代码求值时,Javascript引擎在第一遍会声明函数并将它们放到源代码树的顶部。因此,即便声明函数的代码放到了调用它的代码的后面,Javascript引擎也能把函数声明提高到顶部。若是像下面例子所示,把上面的函数声明改成函数表达式,就会在执行期间致使错误。function

1
2
3
4
alert(sum(1, 1));
var sum = function (a, b) {
     return a + b;
}

以上代码之因此会在执行期间产生错误,缘由在于函数位于一个初始化语句中,而不是一个函数声明。换句话说,在执行到函数所在的语句以前,变量sum不会保存有对函数的引用,而且第一行代码已经产生错误,也就不会执行到下一行。class

整体来讲,除了何时能够经过变量访问函数这一点区别以外,函数声明与函数表达式的语法实际上是等价的。变量

相关文章
相关标签/搜索