大家好,我是IT修真院深圳分院第4期學(xué)員梁耀乓梨,一枚正直純潔善良的web程序員鳖轰。
今天給大家分享:
【JS-01】函數(shù)表達(dá)式和函數(shù)聲明有什么區(qū)別?
Web小課堂
分享人:梁耀
1.背景介紹
函數(shù)聲明
函數(shù)聲明以function關(guān)鍵字開頭扶镀,接著是必須的函數(shù)(變量)名和以逗號(hào)分隔的可選的參數(shù)列表蕴侣,再接著就是以大括號(hào)封裝的函數(shù)體。函數(shù)聲明必須是一個(gè)單獨(dú)的JavaScript語句臭觉。
function sum(num1,num2){
return num1+num2;
}
函數(shù)表達(dá)式
在任何情況下都是其它JavaScript語句的一部分(比如賦值表達(dá)式等號(hào)的右側(cè)睛蛛、函數(shù)的參數(shù))的函數(shù)被稱為函數(shù)表達(dá)式。
var sum=function(num1,num2){
return num1+num2;
}
函數(shù)聲明以及函數(shù)表達(dá)式
函數(shù)聲明會(huì)在解析器率先讀取胧谈,而函數(shù)表達(dá)式需要解析器執(zhí)行到函數(shù)所在的位置(代碼行)
才會(huì)被解析執(zhí)行,即函數(shù)聲明的優(yōu)先度灰比函數(shù)表達(dá)式要高荸频;
console.log(sum(10,20));
function sum(num1,num2){
return num1+num2;
}
這個(gè)例子是可以執(zhí)行的菱肖,就是因?yàn)楹瘮?shù)聲明會(huì)被調(diào)到執(zhí)行環(huán)境之前;
console.log(sum(10,20));
var sum=function(num1,num2){
return num1+num2;
}
這個(gè)是不能執(zhí)行的旭从,會(huì)報(bào)錯(cuò)稳强,因?yàn)榻馕銎魇窍冉馕鯿onsole,但是console里面的sum是沒有保存對(duì)函數(shù)的引用
拓展思考
函數(shù)聲明提升以及變量聲明提升
引擎解析javascript代碼的之前會(huì)對(duì)其進(jìn)行編譯和悦。在編譯過程中會(huì)查找所有聲明退疫,并用合適作用域?qū)⑺麄冴P(guān)聯(lián)起來。換句話說鸽素,在代碼執(zhí)行之前褒繁,會(huì)對(duì)作用域鏈中所有變量和函數(shù)聲明先處理完先。
參考文獻(xiàn)
《JavaScript高級(jí)程序設(shè)計(jì)》
問題1:
名字解析順序是以怎樣的順序進(jìn)行的馍忽?
答:javascript中一個(gè)名字(name)以四種方式進(jìn)入作用域(scope)棒坏,其優(yōu)先級(jí)順序如下:
1、語言內(nèi)置:所有的作用域中都有 this 和 arguments 關(guān)鍵字
2遭笋、形式參數(shù):函數(shù)的參數(shù)在函數(shù)作用域中都是有效的
3坝冕、函數(shù)聲明:形如function foo() {}
4、變量聲明:形如var bar;
假如一個(gè)函數(shù)的名字跟變量的名字相同瓦呼,那么函數(shù)的名字會(huì)覆蓋掉變量的名字喂窟;如果同等優(yōu)先級(jí)的,名字后面的會(huì)覆蓋名字前面的
問題2:
聲明變量是在所有地方都可以提升嗎?
答:不是磨澡,js沒有塊級(jí)作用域碗啄,變量聲明提升只有在函數(shù)內(nèi)部才有效果
問題3:
正常情況下該使用函數(shù)表達(dá)式還是函數(shù)聲明?
答:函數(shù)表達(dá)式適合只使用一次的函數(shù)钱贯;函數(shù)聲明適合使用多次
獲得更多IT技能挫掏,請(qǐng)移步官網(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í)透明化饶碘,成長(zhǎng)可見化目尖,師兄1對(duì)1免費(fèi)指導(dǎo)≡耍快來與我一起學(xué)習(xí)吧?