搞明白JavaScript中的匿名函數(shù)

匿名函數(shù)顧名思義指的是沒有名字的函數(shù)淆储,在實(shí)際開發(fā)中使用的頻率非常高步藕!也是學(xué)好JS的重點(diǎn)数冬。

匿名函數(shù):沒有實(shí)際名字的函數(shù)芽唇。

首先我們聲明一個(gè)普通函數(shù):

//聲明一個(gè)普通函數(shù),函數(shù)的名字叫fn
function fn(){
    console.log("張培躍");
}

然后將函數(shù)的名字去掉即是匿名函數(shù):

//匿名函數(shù)丰包,咦饶唤,運(yùn)行時(shí)肄程,你會(huì)發(fā)現(xiàn)報(bào)錯(cuò)啦睦擂!
function (){
    console.log("張培躍");
}

到此得湘,你會(huì)發(fā)現(xiàn)單獨(dú)運(yùn)行一個(gè)匿名函數(shù),由于不符合語法要求顿仇,報(bào)錯(cuò)啦淘正!解決方法只需要給匿名函數(shù)包裹一個(gè)括號(hào)即可:

//匿名函數(shù)在其它應(yīng)用場(chǎng)景括號(hào)可以省略
(function (){
    //由于沒有執(zhí)行該匿名函數(shù),所以不會(huì)執(zhí)行匿名函數(shù)體內(nèi)的語句臼闻。
    console.log("張培躍");
})

如果需要執(zhí)行匿名函數(shù)鸿吆,在匿名函數(shù)后面加上一個(gè)括號(hào)即可立即執(zhí)行!

(function (){
    //此時(shí)會(huì)輸出張培躍
    console.log("張培躍");
})()

倘若需要傳值述呐,直接將參數(shù)寫到括號(hào)內(nèi)即可:

(function (str){
    //此時(shí)會(huì)輸出張培躍好帥伞剑!
    console.log("張培躍"+str);
})("好帥!")
匿名函數(shù)的應(yīng)用場(chǎng)景

1市埋、事件

<input type="button" value="點(diǎn)我啊恕刘!" id="sub">
<script>
    //獲得按鈕元素
    var sub=document.querySelector("#sub");
    //給按鈕增加點(diǎn)擊事件缤谎。
    sub.onclick=function(){
        alert("當(dāng)點(diǎn)擊按鈕時(shí)會(huì)執(zhí)行到我哦!");
    }
</script>

2褐着、對(duì)象

var obj={
    name:"張培躍",
    age:18,
    fn:function(){
        return "我叫"+this.name+"今年"+this.age+"歲了坷澡!";
    }
};
console.log(obj.fn());//我叫張培躍今年18歲了!

3含蓉、函數(shù)表達(dá)式

//將匿名函數(shù)賦值給變量fn频敛。
var fn=function(){
    return "我是一只小小小小留下项郊,怎么飛也飛不高!"
}
//調(diào)用方式與調(diào)用普通函數(shù)一樣
console.log(fn());//我是一只小小小小留下斟赚,怎么飛也飛不高着降!

4、回調(diào)函數(shù)

setInterval(function(){
    console.log("我其實(shí)是一個(gè)回調(diào)函數(shù)拗军,每次1秒鐘會(huì)被執(zhí)行一次");
},1000);

5任洞、返回值

//將匿名函數(shù)作為返回值
function fn(){
    //返回匿名函數(shù)
    return function(){
        return "張培躍";
    }
}
//調(diào)用匿名函數(shù)
console.log(fn()());//張培躍
//或
var box=fn();
console.log(box());//張培躍
模仿塊級(jí)作用域
  • 塊級(jí)作用域,有的地方稱為私有作用域发侵。JavaScript中是沒有塊級(jí)作用域的交掏,例如:
if(1==1){//條件成立,執(zhí)行if代碼塊語句刃鳄。
    var a=12;//a為全局變量
}
console.log(a);//12

for(var i=0;i<3;i++){
    console.log(i);
}
console.log(i);//4

if(){}for(){}等沒有自己的作用域盅弛。如果有,出了自己的作用域叔锐,聲明的變量就會(huì)立即被銷毀了挪鹏。但是咱們可以通過匿名函數(shù)來模擬塊級(jí)作用域:

(function(){
    //這里是我們的塊級(jí)作用域(私有作用域)
})();

嘗試塊級(jí)作用域:

function fn(){
    (function(){
        var la="啦啦啦!";
    })();
    console.log(la);//報(bào)錯(cuò)---la is not defined
}
fn();
匿名函數(shù)的作用:

1掌腰、通過匿名函數(shù)可以實(shí)現(xiàn)閉包狰住,關(guān)于閉包在后面的文章中會(huì)重點(diǎn)講解。在這里簡(jiǎn)單介紹一下:閉包是可以訪問在函數(shù)作用域內(nèi)定義的變量的函數(shù)齿梁。若要?jiǎng)?chuàng)建一個(gè)閉包催植,往往都需要用到匿名函數(shù)。
2勺择、模擬塊級(jí)作用域创南,減少全局變量。執(zhí)行完匿名函數(shù)省核,存儲(chǔ)在內(nèi)存中相對(duì)應(yīng)的變量會(huì)被銷毀稿辙,從而節(jié)省內(nèi)存。再者气忠,在大型多人開發(fā)的項(xiàng)目中邻储,使用塊級(jí)作用域,會(huì)大大降低命名沖突的問題旧噪,從而避免產(chǎn)生災(zāi)難性的后果吨娜。自此開發(fā)者再也不必?fù)?dān)心搞亂全局作用域了。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末淘钟,一起剝皮案震驚了整個(gè)濱河市宦赠,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖勾扭,帶你破解...
    沈念sama閱讀 222,183評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件毡琉,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡妙色,警方通過查閱死者的電腦和手機(jī)桅滋,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來燎斩,“玉大人虱歪,你說我怎么就攤上這事≌け恚” “怎么了笋鄙?”我有些...
    開封第一講書人閱讀 168,766評(píng)論 0 361
  • 文/不壞的土叔 我叫張陵,是天一觀的道長怪瓶。 經(jīng)常有香客問我萧落,道長,這世上最難降的妖魔是什么洗贰? 我笑而不...
    開封第一講書人閱讀 59,854評(píng)論 1 299
  • 正文 為了忘掉前任找岖,我火速辦了婚禮,結(jié)果婚禮上敛滋,老公的妹妹穿的比我還像新娘许布。我一直安慰自己,他們只是感情好绎晃,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,871評(píng)論 6 398
  • 文/花漫 我一把揭開白布蜜唾。 她就那樣靜靜地躺著,像睡著了一般庶艾。 火紅的嫁衣襯著肌膚如雪袁余。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,457評(píng)論 1 311
  • 那天咱揍,我揣著相機(jī)與錄音颖榜,去河邊找鬼。 笑死煤裙,一個(gè)胖子當(dāng)著我的面吹牛掩完,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播硼砰,決...
    沈念sama閱讀 40,999評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼藤为,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了夺刑?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,914評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎遍愿,沒想到半個(gè)月后存淫,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,465評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡沼填,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,543評(píng)論 3 342
  • 正文 我和宋清朗相戀三年桅咆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片坞笙。...
    茶點(diǎn)故事閱讀 40,675評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡岩饼,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出薛夜,到底是詐尸還是另有隱情籍茧,我是刑警寧澤,帶...
    沈念sama閱讀 36,354評(píng)論 5 351
  • 正文 年R本政府宣布梯澜,位于F島的核電站寞冯,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏晚伙。R本人自食惡果不足惜吮龄,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,029評(píng)論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望咆疗。 院中可真熱鬧漓帚,春花似錦、人聲如沸午磁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽漓踢。三九已至牵署,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間喧半,已是汗流浹背奴迅。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評(píng)論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留挺据,地道東北人取具。 一個(gè)月前我還...
    沈念sama閱讀 49,091評(píng)論 3 378
  • 正文 我出身青樓,卻偏偏與公主長得像扁耐,于是被迫代替她去往敵國和親暇检。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,685評(píng)論 2 360