函數(shù)聲明，函數(shù)表達(dá)式，匿名函數(shù)，立即執(zhí)行函數(shù)的簡(jiǎn)單分析

spademan 發(fā)布于2019-08-26 13:34 / 3179人閱讀

摘要：第一種方法是上面已經(jīng)說(shuō)到的匿名函數(shù)表達(dá)式，即將匿名函數(shù)賦值給一個(gè)變量，然后通過(guò)變量名去調(diào)用。因?yàn)楹瘮?shù)聲明是不能被執(zhí)行符號(hào)執(zhí)行的，除非通過(guò)函數(shù)名調(diào)用，只有表達(dá)式才能被執(zhí)行符號(hào)執(zhí)行匿名函數(shù)又沒(méi)有函數(shù)名，另外的辦法就是把它變成表達(dá)式。

函數(shù)聲明

function funcName(){

};
console.log(funcName); // 打印結(jié)果是funcName這個(gè)函數(shù)體。

聲明一個(gè)函數(shù)funcName，funcName就是函數(shù)名，函數(shù)名是函數(shù)聲明的必要組成部分，函數(shù)其實(shí)就是另一個(gè)類(lèi)型的變量，函數(shù)名稱(chēng)相當(dāng)于變量名，新聲明的函數(shù)體會(huì)賦值給這個(gè)變量名，之后調(diào)用該函數(shù)的時(shí)候都需要通過(guò)該變量名進(jìn)行調(diào)用。

函數(shù)表達(dá)式

// 命名函數(shù)表達(dá)式
var funcName = function abc() {}; 
console.log(funcName); // 打印函數(shù)體function abc(){}
console.log(abc); // 報(bào)錯(cuò)(abc is not defined)

在這個(gè)函數(shù)表達(dá)式中，函數(shù)名稱(chēng)為abc，其實(shí)上，這個(gè)名稱(chēng)abc變成了函數(shù)內(nèi)部的一個(gè)局部變量，并且指代函數(shù)對(duì)象本身，在abc函數(shù)內(nèi)部打印abc的打印結(jié)果是abc函數(shù)體本身。

var funcName = function abc() {
    console.log(abc); // 打印結(jié)果是function abc() {console.log(abc)}
};

所以，在全局console.log(abc);肯定會(huì)報(bào)錯(cuò)，因?yàn)閍bc是局部變量，全局是拿不到的，這個(gè)函數(shù)表達(dá)式會(huì)忽略函數(shù)的名稱(chēng)，調(diào)用的時(shí)候要通過(guò)變量名進(jìn)行調(diào)用——funcName();

// 匿名函數(shù)表達(dá)式
var funcName = function () {};

匿名函數(shù)表達(dá)式顧名思義就是沒(méi)有名字的函數(shù)表達(dá)式，一般情況下，我們所說(shuō)函數(shù)表達(dá)式就指匿名函數(shù)表達(dá)式，因?yàn)楹瘮?shù)表達(dá)式會(huì)忽略函數(shù)的名稱(chēng)，會(huì)變成匿名函數(shù)表達(dá)式，不如直接寫(xiě)成匿名函數(shù)表達(dá)式。

函數(shù)表達(dá)式與函數(shù)聲明不同的是，函數(shù)聲明只是聲明了一個(gè)函數(shù)，在預(yù)編譯的時(shí)候，函數(shù)聲明的聲明提升函數(shù)體也提升，所以不管你是在函數(shù)聲明之前調(diào)用還是在之后調(diào)用，都能正常執(zhí)行。

demo(); // 結(jié)果是"a"
function demo(){
    console.log("a"); 
};
demo(); // 結(jié)果是"a"

而函數(shù)表達(dá)式在預(yù)編譯時(shí)，是變量名提升，只有當(dāng)執(zhí)行到函數(shù)表達(dá)式所在行的代碼時(shí)，才將函數(shù)體賦值給該變量，所以在函數(shù)表達(dá)式之前調(diào)用該函數(shù)會(huì)報(bào)錯(cuò)，只能在之后調(diào)用。

demo(); // 報(bào)錯(cuò)
var demo = function (){
    console.log("a")
};
demo(); // 結(jié)果是"a"

匿名函數(shù)

匿名函數(shù)顧名思義就是沒(méi)有名字的函數(shù)。（匿名函數(shù)有多種用途，寫(xiě)在文末）

function () {};

既然是沒(méi)有名字的函數(shù)，那我們要怎樣找到它調(diào)用它呢？這里要提到兩種方法。

第一種方法是上面已經(jīng)說(shuō)到的匿名函數(shù)表達(dá)式，即將匿名函數(shù)賦值給一個(gè)變量，然后通過(guò)變量名去調(diào)用。

var abc = function (){};
abc();

第二種方法就是接下來(lái)要說(shuō)的立即執(zhí)行函數(shù)。

立即執(zhí)行函數(shù)

立即執(zhí)行函數(shù)有兩種寫(xiě)法：

// 第一種 w3c標(biāo)準(zhǔn)建議使用這一種
(function (){})();

// 第二種
(function(){}());

這里有兩個(gè)括號(hào)有點(diǎn)疑問(wèn)，在解釋兩個(gè)括號(hào)的作用前，我們先明確幾點(diǎn)：
1.只有表達(dá)式才能被執(zhí)行符號(hào)執(zhí)行，函數(shù)聲明是不能被執(zhí)行符號(hào)執(zhí)行的。
2.能被執(zhí)行符號(hào)執(zhí)行的表達(dá)式，這個(gè)函數(shù)的名字就會(huì)被自動(dòng)忽略（放棄名字）。
3.能被執(zhí)行符號(hào)執(zhí)行的表達(dá)式基本上就是立即執(zhí)行函數(shù)。

因?yàn)楹瘮?shù)聲明是不能被執(zhí)行符號(hào)執(zhí)行的，除非通過(guò)函數(shù)名調(diào)用，只有表達(dá)式才能被執(zhí)行符號(hào)執(zhí)行（匿名函數(shù)又沒(méi)有函數(shù)名，另外的辦法就是把它變成表達(dá)式）。

function (){
    console.log("a"); // 報(bào)語(yǔ)法錯(cuò)誤，因?yàn)橹挥斜磉_(dá)式才能被執(zhí)行符號(hào)()執(zhí)行
}();

(function (){})()
所以此處匿名函數(shù)兩邊的括號(hào)運(yùn)算符，作用是把函數(shù)轉(zhuǎn)換為表達(dá)式（至于怎樣轉(zhuǎn)換的，更深層的原理有興趣的童鞋可以研究研究，后續(xù)我會(huì)進(jìn)行補(bǔ)充的），后面的括號(hào)為執(zhí)行符號(hào)，(function (){})()就相當(dāng)于匿名函數(shù)表達(dá)式的執(zhí)行。

(function (){})()和(function(){}())寫(xiě)法其實(shí)沒(méi)多大區(qū)別，(function(){}())也是一直等價(jià)的表達(dá)式，但是w3c標(biāo)準(zhǔn)建議使用第一種。

將函數(shù)聲明轉(zhuǎn)化成表達(dá)式的方式有很多，例如把它賦值給一個(gè)變量，再例如在函數(shù)聲明前放上+運(yùn)算符，-運(yùn)算符，!運(yùn)算符等。

// 把它賦值給一個(gè)變量
var demo = function(a){
 
  console.log(a); // 結(jié)果為1
 
}(1)
// 使用+運(yùn)算符
+function(a){
 
  console.log(a); // 結(jié)果為1
 
}(1);
 
 // 使用-運(yùn)算符
-function(a){
 
  console.log(a); // 結(jié)果為1
 
}(1);
 
 // 使用!運(yùn)算符
!function(a){
 
  console.log(a); // 結(jié)果為1
 
}(1);

當(dāng)表達(dá)式被執(zhí)行，函數(shù)的名字就會(huì)被放棄，舉兩個(gè)栗子：

var demo = function(){}();
console.log(demo); // 結(jié)果會(huì)報(bào)錯(cuò)，因?yàn)楹瘮?shù)名被放棄了。

+function demo(){}();
console.log(demo); // 結(jié)果會(huì)報(bào)錯(cuò)，因?yàn)楹瘮?shù)名被放棄了。

匿名函數(shù)有很多作用，例如將匿名函數(shù)賦予一個(gè)變量來(lái)創(chuàng)建一個(gè)函數(shù)，例如賦予一個(gè)事件則成為事件處理程序，再例如用立即執(zhí)行函數(shù)創(chuàng)建閉包防止污染全局變量等等

// 將匿名函數(shù)賦予一個(gè)變量來(lái)創(chuàng)建一個(gè)函數(shù)
var demo = function(){};

// 賦予一個(gè)事件則成為事件處理程序
$(selector).on("click",function(){});

// 用立即執(zhí)行函數(shù)創(chuàng)建閉包
(function(window, undefined))(window);

本文只是簡(jiǎn)單分析以助自己理清思路，有錯(cuò)誤之處請(qǐng)不吝賜教。

GPU云服務(wù)器云服務(wù)器 js匿名函數(shù)自執(zhí)行 js匿名函數(shù)內(nèi)的方法函數(shù)的聲明c語(yǔ)言函數(shù)的執(zhí)行過(guò)程

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/109072.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

spademan

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

tensorflow中reshape

閱讀 1573·2023-04-26 02:29
HI3861學(xué)習(xí)筆記（13）——PWM接口使用

閱讀 3066·2021-10-11 10:58
DediOutlet：美國(guó)堪薩斯七折，10TB流量，5.6美元/首月，KVM虛擬化

閱讀 2905·2021-10-08 10:16
朋友測(cè)試行業(yè)干了10多年薪資比不過(guò)剛?cè)胄械男』镒?，年齡真實(shí)IT行業(yè)的一個(gè)不可打破魔咒嗎？

閱讀 3164·2021-09-24 09:47
前端進(jìn)階系列(三):HTML5新特性

閱讀 1574·2019-08-29 16:56
小白上學(xué)のWebpack零基礎(chǔ)學(xué)習(xí)指導(dǎo)

閱讀 2725·2019-08-29 11:03
Web 應(yīng)用安全性: 使用這些 HTTP 頭保護(hù) Web 應(yīng)用

閱讀 2011·2019-08-26 13:35
函數(shù)聲明，函數(shù)表達(dá)式，匿名函數(shù)，立即執(zhí)行函數(shù)的簡(jiǎn)單分析

閱讀 3180·2019-08-26 13:34

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

函數(shù)聲明，函數(shù)表達(dá)式，匿名函數(shù)，立即執(zhí)行函數(shù)的簡(jiǎn)單分析

相關(guān)文章

**[譯] JavaScript：立即執(zhí)行函數(shù)表達(dá)式（IIFE）**

**立即執(zhí)行函數(shù)表達(dá)式(IIFE)**

**由兩道題擴(kuò)展的對(duì)作用域,作用域鏈,閉包,立即執(zhí)行函數(shù),匿名函數(shù)的認(rèn)識(shí)總結(jié)**

先有蛋還是先有雞？JavaScript 作用域與閉包探析

js中的立即執(zhí)行函數(shù)

發(fā)表評(píng)論

0條評(píng)論

spademan

男|高級(jí)講師

TA的文章

tensorflow中reshape

HI3861學(xué)習(xí)筆記（13）——PWM接口使用

DediOutlet：美國(guó)堪薩斯七折，10TB流量，5.6美元/首月，KVM虛擬化

朋友測(cè)試行業(yè)干了10多年薪資比不過(guò)剛?cè)胄械男』镒?，年齡真實(shí)IT行業(yè)的一個(gè)不可打破魔咒嗎？

前端進(jìn)階系列(三):HTML5新特性

小白上學(xué)のWebpack零基礎(chǔ)學(xué)習(xí)指導(dǎo)

Web 應(yīng)用安全性: 使用這些 HTTP 頭保護(hù) Web 應(yīng)用