JavaScript函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別
一、寫(xiě)法不一樣
//函數(shù)聲明 let res1 = sum1(10 , 20) console.log(res1) function sum1(num1, num2) { return num1 + num2 } //函數(shù)表達(dá)式 let res2 = sum2(10 , 20) console.log(res2) let sum2 = function ( num1, num2 ){ return num1 + num2 }
二、函數(shù)聲明加載
函數(shù)聲明可以把函數(shù)預(yù)加載,而表達(dá)式不會(huì)
以函數(shù)聲明的方法定義的函數(shù),函數(shù)可以在函數(shù)聲明之前調(diào)用,而函數(shù)表達(dá)式的函數(shù)只能在聲明之后調(diào)用。
三、分析瀏覽器如何執(zhí)行代碼
第一步:分析函數(shù)聲明
在分析網(wǎng)頁(yè)期間(執(zhí)行任何代碼之前),瀏覽器查找函數(shù)聲明。找到函數(shù)聲明時(shí),瀏覽器創(chuàng)建相應(yīng)的函數(shù),并將得到的函數(shù)引用賦給與函數(shù)同名的變量。
第二步:瀏覽器執(zhí)行代碼
處理所有的函數(shù)聲明后,瀏覽器回到代碼開(kāi)頭,開(kāi)始按從頭到尾的順序執(zhí)行代碼。
第三步:繼續(xù)執(zhí)行
處理完變量fly后,瀏覽器繼續(xù)往下執(zhí)行。接下來(lái)的語(yǔ)句是函數(shù)quack的聲明,因?yàn)橐呀?jīng)處理過(guò)了,所以瀏覽器跳過(guò)聲明,接著執(zhí)行后面的條件語(yǔ)句。
到此這篇關(guān)于JavaScript函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別的文章就介紹到這了,更多相關(guān)JS函數(shù)聲明 內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript實(shí)現(xiàn)淘寶網(wǎng)圖片的局部放大功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)淘寶網(wǎng)圖片的局部放大功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05addEventListener()和removeEventListener()追加事件和刪除追加事件
這篇文章主要給大家介紹了關(guān)于addEventListener()和removeEventListener()追加事件和刪除追加事件的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12javascript創(chuàng)建數(shù)組的最簡(jiǎn)代碼
2008-02-02javascript實(shí)現(xiàn)自動(dòng)輸出文本(打字特效)
文字如何實(shí)現(xiàn)打字的效果呢?在瀏覽網(wǎng)頁(yè)的時(shí)候也經(jīng)常能看到這種效果。本文給大家匯總介紹了幾種打字效果的文字特效,文字一個(gè)一個(gè)地打印在頁(yè)面上。2015-08-08推薦幾個(gè)不錯(cuò)的console調(diào)試技巧實(shí)現(xiàn)
這篇文章主要介紹了推薦幾個(gè)不錯(cuò)的console調(diào)試技巧實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12理解JavaScript中的Proxy 與 Reflection API
這篇文章主要介紹了JavaScript中的Proxy 與 Reflection API的相關(guān)資料,幫助大家更好的理解和學(xué)習(xí)JavaScript,感興趣的朋友可以了解下2020-09-09