詳解JavaScript中的函數(shù)聲明和函數(shù)表達(dá)式
JavaScript 中需要?jiǎng)?chuàng)建函數(shù)的話，有兩種方法：函數(shù)聲明、函數(shù)表達(dá)式，各自寫法如下：
// 方法一：函數(shù)聲明
function foo() {}
// 方法二：函數(shù)表達(dá)式
var foo = function () {};
另外還有一種自執(zhí)行函數(shù)表達(dá)式，主要用于創(chuàng)建一個(gè)新的作用域，在此作用域內(nèi)聲明的變量不會(huì)和其它作用域內(nèi)的變量沖突或混淆，大多是以匿名函數(shù)方式存在，且立即自動(dòng)執(zhí)行：
(function () {
// var x = ...
})();
此種自執(zhí)行函數(shù)表達(dá)式歸類于以上兩種方法的第二種，也算是函數(shù)表達(dá)式。
方法一和方法二都創(chuàng)建了一個(gè)函數(shù)，且命名為 foo，但是二者還是有區(qū)別的。JavaScript 解釋器中存在一種變量聲明被提升（hoisting）的機(jī)制，也就是說變量（函數(shù)）的聲明會(huì)被提升到作用域的最前面，即使寫代碼的時(shí)候是寫在最后面，也還是會(huì)被提升至最前面。
例如以下代碼段：
alert(foo); // function foo() {}
alert(bar); // undefined
function foo() {}
var bar = function bar_fn() {};
alert(foo); // function foo() {}
alert(bar); // function bar_fn() {}
輸出結(jié)果分別是function foo() {}、undefined、function foo() {}和function bar_fn() {}。
可以看到 foo 的聲明是寫在 alert 之后，仍然可以被正確調(diào)用，因?yàn)?JavaScript 解釋器會(huì)將其提升到 alert 前面，而以函數(shù)表達(dá)式創(chuàng)建的函數(shù) bar 則不享受此待遇。
那么bar 究竟有沒有被提升呢，其實(shí)用 var 聲明的變量都會(huì)被提升，只不過是被先賦值為 undefined 罷了，所以第二個(gè) alert 彈出了 undefined。
所以，JavaScript 引擎執(zhí)行以上代碼的順序可能是這樣的：
- 創(chuàng)建變量 foo 和 bar，并將它們都賦值為 undefined。
- 創(chuàng)建函數(shù) foo 的函數(shù)體，并將其賦值給變量 foo。
- 執(zhí)行前面的兩個(gè) alert。
- 創(chuàng)建函數(shù) bar_fn，并將其賦值給 bar。
- 執(zhí)行后面的兩個(gè) alert。
注：
嚴(yán)格地說，再 JavaScript 中創(chuàng)建函數(shù)的話，還有另外一種方法，稱為“函數(shù)構(gòu)造法”：
var foo = Function('alert("hi!");');
var foo = new Function('alert("hi!");'); // 等同于上面一行
此方法以一個(gè)字符串作為參數(shù)形成函數(shù)體。但是用這種方法，執(zhí)行效率方面會(huì)打折扣，且似乎無法傳遞參數(shù)，所以少用為妙。
相關(guān)文章
SpringMVC訪問靜態(tài)資源的三種方式小結(jié)
這篇文章主要介紹了SpringMVC訪問靜態(tài)資源的三種方式小結(jié)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
詳解Spring Boot 使用Java代碼創(chuàng)建Bean并注冊(cè)到Spring中
本篇介紹了Spring Boot 使用Java代碼創(chuàng)建Bean并注冊(cè)到Spring中，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
Java實(shí)現(xiàn)將圖片上傳到webapp路徑下 路徑獲取方式
這篇文章主要介紹了Java實(shí)現(xiàn)將圖片上傳到webapp路徑下 路徑獲取方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-11-11
這篇文章主要給大家總結(jié)整理了關(guān)于Struts2相關(guān)的面試題，文中先詳細(xì)介紹了關(guān)于struts2的工作原理、工作流程、攔截器和過濾器的區(qū)別以及什么要使用Struts2，然后分享了總結(jié)的一些關(guān)于Struts2面試的一些問題，需要的朋友可以參考借鑒，下面來一起看看吧。2017-11-11
SpringBoot之HandlerInterceptor攔截器的使用詳解
這篇文章主要介紹了SpringBoot之HandlerInterceptor攔截器的使用詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
Java?+?Selenium?+?OpenCV解決自動(dòng)化測(cè)試中的滑塊驗(yàn)證問題
OpenCV是一個(gè)基于Apache2.0許可（開源）發(fā)行的跨平臺(tái)計(jì)算機(jī)視覺和機(jī)器學(xué)習(xí)軟件庫，可以運(yùn)行在Linux、Windows、Android和Mac?OS操作系統(tǒng)上，這篇文章主要介紹了Java?+?Selenium?+?OpenCV解決自動(dòng)化測(cè)試中的滑塊驗(yàn)證,需要的朋友可以參考下2022-07-07
@GetMapping注解是Spring Boot中最常用的注解之一,它可以幫助開發(fā)者定義和處理HTTP GET請(qǐng)求,本文就來介紹一下SpringBoot中@GetMapping注解的使用,感興趣的可以了解一下2023-10-10
JAVA多線程與并發(fā)學(xué)習(xí)總結(jié)分析
以下是對(duì)小編對(duì)JAVA多線程與并發(fā)的學(xué)習(xí)進(jìn)行了總結(jié)介紹，需要的朋友可以過來參考下2013-08-08
Java服務(wù)剛啟動(dòng)時(shí)接口超時(shí)排查全過程
這篇文章主要為大家介紹了Java服務(wù)剛啟動(dòng)時(shí)，一小波接口超時(shí)排查全過程，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
SpringBoot熱部署啟動(dòng)關(guān)閉流程詳解
Spring?Boot啟動(dòng)熱部署是一種技術(shù)，它能讓開發(fā)者在不重啟應(yīng)用程序的情況下實(shí)時(shí)更新代碼。這樣可以提高開發(fā)效率，避免頻繁重啟應(yīng)用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-04-04