javascript 兩種聲明函數(shù)的方式的分析
javascript 聲明函數(shù)
JavaScript有兩種聲明函數(shù)的方式，一個(gè)是函數(shù)表達(dá)式定義函數(shù)，也就是我們說(shuō)的匿名函數(shù)方式，一個(gè)是函數(shù)語(yǔ)句定義函數(shù)，下面看代碼：
/*方式一*/
var FUNCTION_NAME = function() { /* FUNCTION_BODY */};
/*方式二*/
function FUNCTION_NAME () { /* FUNCTION_BODY */};
區(qū)別一
方式一的聲明方式是先聲明后使用
方式二的聲明方式可以先調(diào)用，后聲明
/*方式一:
*先聲明后使用
*/
//f1();這里調(diào)用就會(huì)出錯(cuò)
var f1 = function () {
alert("var方式");
}
f1();//這里使用才正確
/*方式二:
*可以先使用后聲明
*/
f2(); //這里調(diào)用可以正常執(zhí)行
function f2 () {
alert("function方式");
}
f2();//這里調(diào)用可以正常執(zhí)行
區(qū)別二
//方式一
var FUNCTION_NAME = function() { /* FUNCTION_BODY */};
/*
這種方式,編譯后變量聲明 FUNCTION_NAME 會(huì)“被提前”了，但是他的賦值（也就是FUNCTION_BODY）并不會(huì)被提前。匿名函數(shù)只有在被調(diào)用時(shí)才被初始化。
*/
//方式二
function FUNCTION_NAME () { /* FUNCTION_BODY */};
/*
這種方式， 編譯后 函數(shù)聲明 和 賦值 都會(huì)被提前。
即函數(shù)聲明過(guò)程在整個(gè)程序執(zhí)行之前的預(yù)處理就完成了，所以只要處于同一個(gè)作用域，就可以訪(fǎng)問(wèn)到，即使在定義之前調(diào)用它也可以。
*/
下面看一個(gè)例子：
function f() {
alert('1');
}
f(); // 彈窗內(nèi)容是：2
function f() {
alert ('2');
}
運(yùn)行時(shí) f() 執(zhí)行的是alert (‘2');主要原因是JavaScript 函數(shù)聲明的“提前”行為，簡(jiǎn)而言之，就是Javascript允許我們?cè)谧兞亢秃瘮?shù)被聲明之前使用它們，而第二個(gè)定義覆蓋了第一種定義。換句話(huà)說(shuō)，上述代碼編譯之后相當(dāng)于：
function f() {
alert('1');
}
function f() {
alert ('2');//申明前置了，但因?yàn)檫@里的申明和賦值在一起，所以一起前置
}
f(); // 彈窗內(nèi)容是：2
下面再看一個(gè)例子：
var f= function() {
alert('1');
}
f(); // 彈窗內(nèi)容是：1
function f() {
alert ('2');
}
這里就是我們期待的behavior，這段程序編譯之后相當(dāng)于：
var f; //申明前置了
function f() {
alert('1');
}
f(); // 彈窗內(nèi)容是：1
function f() {
alert ('2');
}
最后再看一個(gè)例子：
f(); //第一次調(diào)用函數(shù) 彈窗內(nèi)容是：2
var f= function() {
alert('1');
}
f(); //第二次調(diào)用函數(shù) 彈窗內(nèi)容是：1
function f() {
alert ('2');
}
f(); //第三次調(diào)用函數(shù) 彈窗內(nèi)容是：1
看到結(jié)果大家應(yīng)該都明白了吧。
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
Visual Studio Code上添加小程序自動(dòng)補(bǔ)全插件的操作方法
這篇文章主要介紹了Visual Studio Code上添加小程序自動(dòng)補(bǔ)全插件的操作方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-04-04
C++指針作為函數(shù)的參數(shù)進(jìn)行傳遞時(shí)需要注意的一些問(wèn)題
當(dāng)指針作為函數(shù)的參數(shù)進(jìn)行傳遞的時(shí)候，本質(zhì)上還是進(jìn)行的“值傳遞”，也就是復(fù)制了一個(gè)新的指向該地址的指針變量2013-10-10
更優(yōu)雅的C++字符串格式化實(shí)現(xiàn)方法詳解
在用C++編寫(xiě)代碼時(shí)，經(jīng)常需要用到字符串拼接及格式化，尤其是在拼寫(xiě)sql語(yǔ)句時(shí)。所以本文為大家介紹了更優(yōu)雅的C++字符串格式化實(shí)現(xiàn)方法，希望對(duì)大家有所幫助2023-04-04
這篇文章主要介紹了單調(diào)棧的基本性質(zhì)介紹,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-07-07
C++基于socket多線(xiàn)程實(shí)現(xiàn)網(wǎng)絡(luò)聊天室
這篇文章主要為大家詳細(xì)介紹了C++基于socket多線(xiàn)程實(shí)現(xiàn)網(wǎng)絡(luò)聊天室，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07
C++ TensorflowLite模型驗(yàn)證的過(guò)程詳解
這篇文章給大家介紹了C++ TensorflowLite模型驗(yàn)證的過(guò)程，測(cè)試代碼，主要是RunInference()和read_file()，詳細(xì)操作過(guò)程跟隨小編一起看看吧2021-08-08
這篇文章主要為大家詳細(xì)介紹了C語(yǔ)言繪制簡(jiǎn)單時(shí)鐘小程序，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
在Qt中,鼠標(biāo)點(diǎn)擊按鈕通常會(huì)觸發(fā)一系列的事件,包括pressed、released、clicked等,本文主要介紹了Qt中鼠標(biāo)點(diǎn)擊的幾種狀態(tài),具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12
Boost是為C++語(yǔ)言標(biāo)準(zhǔn)庫(kù)提供擴(kuò)展的一些C++程序庫(kù)的總稱(chēng)。Boost庫(kù)是一個(gè)可移植、提供源代碼的C++庫(kù)，作為標(biāo)準(zhǔn)庫(kù)的后備，是C++標(biāo)準(zhǔn)化進(jìn)程的開(kāi)發(fā)引擎之一，是為C++語(yǔ)言標(biāo)準(zhǔn)庫(kù)提供擴(kuò)展的一些C++程序庫(kù)的總稱(chēng)2022-11-11
C語(yǔ)言實(shí)現(xiàn)找出二叉樹(shù)中某個(gè)值的所有路徑的方法
這篇文章主要介紹了C語(yǔ)言實(shí)現(xiàn)找出二叉樹(shù)中某個(gè)值的所有路徑的方法,針對(duì)數(shù)據(jù)結(jié)構(gòu)中二叉樹(shù)的實(shí)用操作技巧,需要的朋友可以參考下2014-09-09