大家好，我是IT修真院深圳分院第4期學(xué)員梁耀，一枚正直純潔善良的web程序員。
今天給大家分享：
【JS-01】函數(shù)表達(dá)式和函數(shù)聲明有什么區(qū)別？
Web小課堂
分享人：梁耀
1.背景介紹
函數(shù)聲明
函數(shù)聲明以function關(guān)鍵字開頭，接著是必須的函數(shù)（變量）名和以逗號分隔的可選的參數(shù)列表，再接著就是以大括號封裝的函數(shù)體。函數(shù)聲明必須是一個(gè)單獨(dú)的JavaScript語句。
function sum(num1,num2){
return num1+num2;
}
函數(shù)表達(dá)式
在任何情況下都是其它JavaScript語句的一部分（比如賦值表達(dá)式等號的右側(cè)、函數(shù)的參數(shù)）的函數(shù)被稱為函數(shù)表達(dá)式。
var sum=function(num1,num2){
return num1+num2;
}
函數(shù)聲明以及函數(shù)表達(dá)式
函數(shù)聲明會在解析器率先讀取，而函數(shù)表達(dá)式需要解析器執(zhí)行到函數(shù)所在的位置（代碼行）
才會被解析執(zhí)行，即函數(shù)聲明的優(yōu)先度灰比函數(shù)表達(dá)式要高；
console.log(sum(10,20));
function sum(num1,num2){
return num1+num2;
}
這個(gè)例子是可以執(zhí)行的，就是因?yàn)楹瘮?shù)聲明會被調(diào)到執(zhí)行環(huán)境之前；
console.log(sum(10,20));
var sum=function(num1,num2){
return num1+num2;
}
這個(gè)是不能執(zhí)行的，會報(bào)錯(cuò)，因?yàn)榻馕銎魇窍冉馕鯿onsole，但是console里面的sum是沒有保存對函數(shù)的引用
拓展思考
函數(shù)聲明提升以及變量聲明提升
引擎解析javascript代碼的之前會對其進(jìn)行編譯。在編譯過程中會查找所有聲明，并用合適作用域?qū)⑺麄冴P(guān)聯(lián)起來。換句話說，在代碼執(zhí)行之前，會對作用域鏈中所有變量和函數(shù)聲明先處理完先。
參考文獻(xiàn)
《JavaScript高級程序設(shè)計(jì)》
問題1：
名字解析順序是以怎樣的順序進(jìn)行的？
答：javascript中一個(gè)名字(name)以四種方式進(jìn)入作用域(scope)，其優(yōu)先級順序如下：
1、語言內(nèi)置：所有的作用域中都有 this 和 arguments 關(guān)鍵字
2、形式參數(shù)：函數(shù)的參數(shù)在函數(shù)作用域中都是有效的
3、函數(shù)聲明：形如function foo() {}
4、變量聲明：形如var bar;
假如一個(gè)函數(shù)的名字跟變量的名字相同，那么函數(shù)的名字會覆蓋掉變量的名字；如果同等優(yōu)先級的，名字后面的會覆蓋名字前面的
問題2：
聲明變量是在所有地方都可以提升嗎？
答：不是，js沒有塊級作用域，變量聲明提升只有在函數(shù)內(nèi)部才有效果
問題3：
正常情況下該使用函數(shù)表達(dá)式還是函數(shù)聲明？
答：函數(shù)表達(dá)式適合只使用一次的函數(shù)；函數(shù)聲明適合使用多次
獲得更多IT技能，請移步官網(wǎng)?點(diǎn)擊鏈接直達(dá)：www.jnshu.com
今天的分享就到這里啦，歡迎大家點(diǎn)贊、轉(zhuǎn)發(fā)、留言、拍磚~
------------------------------------------------------------------------------------------------------------------------
技能樹.IT修真院
“我們相信人人都可以成為一個(gè)工程師，現(xiàn)在開始，找個(gè)師兄，帶你入門，掌控自己學(xué)習(xí)的節(jié)奏，學(xué)習(xí)的路上不再迷茫”。
這里是技能樹.IT修真院，成千上萬的師兄在這里找到了自己的學(xué)習(xí)路線，學(xué)習(xí)透明化，成長可見化，師兄1對1免費(fèi)指導(dǎo)。快來與我一起學(xué)習(xí)吧?
