匿名函數(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)心搞亂全局作用域了。