Function Declaration 與 Function Expression 的差異

栏目: JavaScript · 发布时间: 5年前

内容简介: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 Declaration 與 Function Expression 的差異

Function Expression

console.log(sum(1, 2));

const sum = (x, y) => x + y;

sum() 改用 Function Expression 方式,看起來完全一樣,但卻無法執行。

Function Declaration 與 Function Expression 的差異

Why ?

原因在於 Function Declaration 會 Hoisting,所以儘管 sum() 定義在 console.log() 之後,但執行前會先 Hoisting 到最前面,所以仍然可以正常執行。

但 Function Expression 則不會 Hoisting,所以 sum() 必須定義在 console.log() 之前才能執行。

Conclusion

  • Function Declaration 看似與 Function Expression 一樣,都是定義 function,但卻有 Hoisting 的差異

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

一个APP的诞生

一个APP的诞生

Carol 炒炒、刘焯琛 / 电子工业出版社 / 2016-7-1 / 79

在移动互联网高度发达的今天,一个个APP,成为我们通向网络世界的窗口。它的诞生流程,令不少对互联网世界产生幻想甚至试图投身其中的年轻人充满了好奇。 《一个APP 的诞生》就是这样一步一步拆分一个APP 的诞生过程。从前期市场调研,竞品分析开始,一直到设计规范,界面图标,设计基础,流程管理,开发实现,市场推广,服务设计,甚至跨界融合,都有陈述。 《一个APP 的诞生》被定义是一本教科书,......一起来看看 《一个APP的诞生》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

URL 编码/解码
URL 编码/解码

URL 编码/解码

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具