JavaScript函數(shù)聲明和函數(shù)表達式的區(qū)別
更新時間：2022年06月07日 14:30:58 作者：musicBird
這篇文章主要介紹了JavaScript函數(shù)聲明和函數(shù)表達式的區(qū)別，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
一、寫法不一樣
//函數(shù)聲明
let res1 = sum1(10 , 20)
console.log(res1)
function sum1(num1, num2) {
return num1 + num2
}
//函數(shù)表達式
let res2 = sum2(10 , 20)
console.log(res2)
let sum2 = function ( num1, num2 ){
return num1 + num2
}二、函數(shù)聲明加載
函數(shù)聲明可以把函數(shù)預加載，而表達式不會
以函數(shù)聲明的方法定義的函數(shù),函數(shù)可以在函數(shù)聲明之前調(diào)用,而函數(shù)表達式的函數(shù)只能在聲明之后調(diào)用。
三、分析瀏覽器如何執(zhí)行代碼
第一步：分析函數(shù)聲明
在分析網(wǎng)頁期間（執(zhí)行任何代碼之前），瀏覽器查找函數(shù)聲明。找到函數(shù)聲明時，瀏覽器創(chuàng)建相應的函數(shù)，并將得到的函數(shù)引用賦給與函數(shù)同名的變量。
第二步：瀏覽器執(zhí)行代碼
處理所有的函數(shù)聲明后，瀏覽器回到代碼開頭，開始按從頭到尾的順序執(zhí)行代碼。
第三步：繼續(xù)執(zhí)行
處理完變量fly后，瀏覽器繼續(xù)往下執(zhí)行。接下來的語句是函數(shù)quack的聲明，因為已經(jīng)處理過了，所以瀏覽器跳過聲明，接著執(zhí)行后面的條件語句。
到此這篇關于JavaScript函數(shù)聲明和函數(shù)表達式的區(qū)別的文章就介紹到這了,更多相關JS函數(shù)聲明 內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
Javascript 鍵盤keyCode鍵碼值表，需要的朋友可以保存一份。2009-12-12
js需要把時間戳轉(zhuǎn)為為普通格式，一般的情況下可能用不到的，下面與大家分享幾種不錯的方法，感興趣的朋友不要錯過2013-11-11
JavaScript中一些浮點數(shù)相加減會計算錯誤，本文將為大家具體介紹一下JavaScript中解決任意兩數(shù)加減會出現(xiàn)錯誤的方案，需要的可以參考一下2022-02-02
這篇文章主要介紹了js簡單實現(xiàn)點擊左右運動的方法,實例分析了javascript實現(xiàn)左右運動的相關要點與技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
今天小編就為大家分享一篇關于JavaScript常用事件介紹，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
這篇文章主要介紹了微信小程序swiper禁止用戶手動滑動代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了JS設計模式之狀態(tài)模式概念與用法,簡單講述了狀態(tài)模式的概念、功能、應用場景并結(jié)合javascript實例形式分析了狀態(tài)模式的簡單定義及使用方法,需要的朋友可以參考下2018-02-02
實時編輯網(wǎng)頁網(wǎng)頁文字實時編輯，如同TEXTBOX一般
實時編輯網(wǎng)頁網(wǎng)頁文字實時編輯，如同TEXTBOX一般...2007-03-03
這篇文章主要介紹了JS代碼簡潔方式之函數(shù)方法詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
TypeScript中正確使用interface和type的方法實例
在ts中定義類型由兩種方式:接口(interface)和類型別名(type alias),interface只能定義對象類型,下面這篇文章主要給大家介紹了關于TypeScript中正確使用interface和type的相關資料,需要的朋友可以參考下2021-09-09