Function Declaration 與 Function Expression 的差異
栏目: JavaScript · 发布时间: 7年前
内容简介:Function Declaration 與 Function Expression 寫法看似相等,但 Function Declaration 會 Hoisting,而 Function Expression 不會。ECMAScript 5ECMAScript 2015
Function Declaration 與 Function Expression 寫法看似相等,但 Function Declaration 會 Hoisting,而 Function Expression 不會。
Version
ECMAScript 5
ECMAScript 2015
Function Declaration
console.log(sum(1, 2));
function sum(x, y) {
return x + y;
}
使用 Function Declaration 定義 sum() ,雖然定義在 console.log() 下方,但依然能夠執行。
Function Expression
console.log(sum(1, 2)); const sum = (x, y) => x + y;
將 sum() 改用 Function Expression 方式,看起來完全一樣,但卻無法執行。
Why ?
原因在於 Function Declaration 會 Hoisting,所以儘管 sum() 定義在 console.log() 之後,但執行前會先 Hoisting 到最前面,所以仍然可以正常執行。
但 Function Expression 則不會 Hoisting,所以 sum() 必須定義在 console.log() 之前才能執行。
Conclusion
- Function Declaration 看似與 Function Expression 一樣,都是定義 function,但卻有 Hoisting 的差異
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
高可用架构(第1卷)
高可用架构社区 / 电子工业出版社 / 2017-11-1 / 108.00元
《高可用架构(第1卷)》由数十位一线架构师的实践与经验凝结而成,选材兼顾技术性、前瞻性与专业深度。各技术焦点,均由极具代表性的领域专家或实践先行者撰文深度剖析,共同组成“高可用”的全局视野与领先高度,内容包括精华案例、分布式原理、电商架构等热门专题,及云计算、容器、运维、大数据、安全等重点方向。不仅架构师可以从中受益,其他IT、互联网技术从业者同样可以得到提升。一起来看看 《高可用架构(第1卷)》 这本书的介绍吧!