js中函数声明与函数表达式
作者:bea
目前为止,我们一直没有对函数声明和函数表达式加以区别。而实际上,解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问);至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。如下例子: 代码如下: alert(sum(10,10)); function sum(num1,num2) { return num1+num2; } 以上代码完全可以正确执行,
目前为止,我们一直没有对函数声明和函数表达式加以区别。而实际上,解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问);至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。如下例子:
代码如下:
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能够有所帮助。
有用 | 无用
代码如下:
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能够有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JavaScript中的函数嵌套使用
- JavaScript函数使用的基本教程
- 浅谈利用JavaScript进行的DDoS攻击原理与防御
- js动态创建及移除div的方法
- JS实现窗口加载时模拟鼠标移动的方法
- 利用js实现禁止复制文本信息
- 详解JavaScript中循环控制语句的用法
- 讲解JavaScript中for...in语句的使用方法
- JavaScript中for循环的使用详解
- 详解JavaScript的while循环的使用
- jQuery中extend()和fn.extend()方法详解
- JavaScript中switch语句的用法详解
- jquery中添加属性和删除属性
- JavaScript中的条件判断语句使用详解
- 简单介绍JavaScript的变量和数据类型
- 在HTML中插入JavaScript代码的示例
- jQuery事件绑定on()、bind()与delegate() 方法详解
- 在浏览器中打开或关闭JavaScript的方法
- 浅谈javascript中基本包装类型