javascript,函数声明和函数表达式
2015-10-07 22:53
495 查看
在javascript中有两种函数的定义法:函数声明,函数表达式。
函数声明:
函数表达式:
函数声明和函数表达式在执行效果上是等价的,但是解析器在向执行环境中加载数据对函数声明和函数表达式的处理确实不同的。
1.对于函数声明
在代码开始执行之前,解析器通过函数声明提升(function declaration hoisting)的过程,读取并将函数声明添加到了执行环境中并放置于源代码树的顶部。
因此,即使声明函数在调用代码之后,代码也能顺利执行。
2.对于函数表达式
在一个初始化语句中生成一个函数,并用一个变量引用该函数。在这种情况下,不会经历函数声明提升过程,在执行到函数表达式所在语句之前,引用函数的变量是不会保存有对函数的引用。
下面的代码解析器直接报错:"undefined is not a function",不会执行到函数表达式。
总结:
函数声明:定义和执行顺序无关。
函数表达式:先定义后执行。
函数声明:
function doSomthing(){ return "hello"; }
函数表达式:
var f1 = function doSomthing(){ return "hello"; };
函数声明和函数表达式在执行效果上是等价的,但是解析器在向执行环境中加载数据对函数声明和函数表达式的处理确实不同的。
1.对于函数声明
在代码开始执行之前,解析器通过函数声明提升(function declaration hoisting)的过程,读取并将函数声明添加到了执行环境中并放置于源代码树的顶部。
因此,即使声明函数在调用代码之后,代码也能顺利执行。
alert(doSomthing());
function doSomthing(){ return "hello"; }
//执行OK
2.对于函数表达式
在一个初始化语句中生成一个函数,并用一个变量引用该函数。在这种情况下,不会经历函数声明提升过程,在执行到函数表达式所在语句之前,引用函数的变量是不会保存有对函数的引用。
下面的代码解析器直接报错:"undefined is not a function",不会执行到函数表达式。
alert(f1());
var f1 = function doSomthing(){ return "hello"; };
总结:
函数声明:定义和执行顺序无关。
函数表达式:先定义后执行。
相关文章推荐
- JavaScript函数之substr()/substring()对比
- javascript,子字符串操作方法:Slice()、Substr()、Substring()的区别
- JSTL 格式化时间戳
- js 将json字符串转换为json兑现
- 超棒的30款JS类库和工具
- Json 和 Jsonlib 的使用
- JSP概念及用法
- 安卓Jsoup解析
- 各大互联网公司2014前端笔试面试题–JavaScript篇
- JSP原理,语法,内置对象
- javascript 关于Date 时间类型 处理方法
- ode.js 版本控制 nvm 和 n 使用 及 nvm 重启终端失效的解决方法
- Wordspress 自动在js中添加<p>段落标签
- 新浪微博的JSON解析
- JavaScript 模块
- ssh配置客户端和服务器的交互json传递数据
- JavaScript正则表达式验证身份证号码(From Jeskitt)
- ES6详解七:循环的秘密 - iterator 和 yield
- Js面向对象学习之function
- JS手机触摸屏的事件用法详解