JavaScript函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別
一、寫法不一樣
//函數(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ù)聲明后，瀏覽器回到代碼開頭，開始按從頭到尾的順序執(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 鍵盤keyCode鍵碼值表，需要的朋友可以保存一份。2009-12-12
js需要把時(shí)間戳轉(zhuǎn)為為普通格式，一般的情況下可能用不到的，下面與大家分享幾種不錯(cuò)的方法，感興趣的朋友不要錯(cuò)過(guò)2013-11-11
JavaScript中一些浮點(diǎn)數(shù)相加減會(huì)計(jì)算錯(cuò)誤，本文將為大家具體介紹一下JavaScript中解決任意兩數(shù)加減會(huì)出現(xiàn)錯(cuò)誤的方案，需要的可以參考一下2022-02-02
js簡(jiǎn)單實(shí)現(xiàn)點(diǎn)擊左右運(yùn)動(dòng)的方法
這篇文章主要介紹了js簡(jiǎn)單實(shí)現(xiàn)點(diǎn)擊左右運(yùn)動(dòng)的方法,實(shí)例分析了javascript實(shí)現(xiàn)左右運(yùn)動(dòng)的相關(guān)要點(diǎn)與技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
今天小編就為大家分享一篇關(guān)于JavaScript常用事件介紹，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-01-01
微信小程序swiper禁止用戶手動(dòng)滑動(dòng)代碼實(shí)例
這篇文章主要介紹了微信小程序swiper禁止用戶手動(dòng)滑動(dòng)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
JS設(shè)計(jì)模式之狀態(tài)模式概念與用法分析
這篇文章主要介紹了JS設(shè)計(jì)模式之狀態(tài)模式概念與用法,簡(jiǎn)單講述了狀態(tài)模式的概念、功能、應(yīng)用場(chǎng)景并結(jié)合javascript實(shí)例形式分析了狀態(tài)模式的簡(jiǎn)單定義及使用方法,需要的朋友可以參考下2018-02-02
實(shí)時(shí)編輯網(wǎng)頁(yè)網(wǎng)頁(yè)文字實(shí)時(shí)編輯，如同TEXTBOX一般
實(shí)時(shí)編輯網(wǎng)頁(yè)網(wǎng)頁(yè)文字實(shí)時(shí)編輯，如同TEXTBOX一般...2007-03-03
這篇文章主要介紹了JS代碼簡(jiǎn)潔方式之函數(shù)方法詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
TypeScript中正確使用interface和type的方法實(shí)例
在ts中定義類型由兩種方式:接口(interface)和類型別名(type alias),interface只能定義對(duì)象類型,下面這篇文章主要給大家介紹了關(guān)于TypeScript中正確使用interface和type的相關(guān)資料,需要的朋友可以參考下2021-09-09