Js函数声明与函数表达式的区别
2016-06-14 09:56
260 查看
在定义函数时,我们一般使用下面这两种方法:
使用函数声明定义:
使用函数表达式定义:
调用方法都是一样的:如求“1+1”等于几:
但这两种方法还是有区别的。解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明,并使其在执行
任何代码之前可用;而函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。
示例:
以上代码可以正常执行。因为在代码执行之前,解析器就已经通过一个名为函数声明提升的过程,读取并将函数声明添加到执行环境中。在对代
码求值时,Javascript引擎在第一遍会声明函数并将它们放到源代码树的顶部。所以,即使声明函数的代码放到了调用它的代码的后面,Javascript
引擎也能把函数声明提升到顶部。
如果像下面例子所示,把上面的函数声明改为函数表达式,就会在执行期间导致错误。
总体来说,除了什么时候可以通过变量访问函数这一点区别之外,函数声明与函数表达式的语法其实是等价的。
两种方式都创建了新的函数对象, 但函数声明语句的函数名是一个变量名,变量指向函数对象,和通过var声明变量一样,函数定义语句中的函数被显示地
提前到了脚本或函数的顶部,因此它们在整个脚本和函数内都是可见的,但是使用var表达式定义函数,只有变量声明提前了,变量初始化代码仍然在
原来的位置。
用函数语句创建的函数,函数名称和函数体均被提前,所以我们可以在声明它之前就使用它。
使用函数声明定义:
function sum (a, b) { return a + b; }
使用函数表达式定义:
var sum = function (a, b) { return a + b; }
调用方法都是一样的:如求“1+1”等于几:
alert(sum(1, 1));
但这两种方法还是有区别的。解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明,并使其在执行
任何代码之前可用;而函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。
示例:
alert(sum(1, 1)); function sum (a, b) { return a + b; }
以上代码可以正常执行。因为在代码执行之前,解析器就已经通过一个名为函数声明提升的过程,读取并将函数声明添加到执行环境中。在对代
码求值时,Javascript引擎在第一遍会声明函数并将它们放到源代码树的顶部。所以,即使声明函数的代码放到了调用它的代码的后面,Javascript
引擎也能把函数声明提升到顶部。
如果像下面例子所示,把上面的函数声明改为函数表达式,就会在执行期间导致错误。
alert(sum(1, 1)); //出错 var sum = function (a, b) { return a + b; }
总体来说,除了什么时候可以通过变量访问函数这一点区别之外,函数声明与函数表达式的语法其实是等价的。
两种方式都创建了新的函数对象, 但函数声明语句的函数名是一个变量名,变量指向函数对象,和通过var声明变量一样,函数定义语句中的函数被显示地
提前到了脚本或函数的顶部,因此它们在整个脚本和函数内都是可见的,但是使用var表达式定义函数,只有变量声明提前了,变量初始化代码仍然在
原来的位置。
用函数语句创建的函数,函数名称和函数体均被提前,所以我们可以在声明它之前就使用它。
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 最后一次说说闭包
- Ajax
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- Redux系列02:一个炒鸡简单的react+redux例子
- JavaScript 各种遍历方式详解
- call/apply/bind 的理解与实例分享