js中的匿名函式

Richard852555發表於2022-06-26

匿名函式顧名思義指的是沒有名字的函式
匿名函式:沒有實際名字的函式。
首先我們宣告一個普通函式:
//宣告一個普通函式,函式的名字叫fn
function fn(){
console.log(“小蜜蜂”);
}
然後將函式的名字去掉即是匿名函式:
//你會發現報錯啦!
function (){

console.log(“蜜蜂”);

1

}
到此,你會發現單獨執行一個匿名函式,由於不符合語法要求,報錯啦!解決方法只需要給匿名函式包裹一個括號即可:
//匿名函式在其它應用場景括號可以省略
(function (){
//由於沒有執行該匿名函式,所以不會執行匿名函式體內的語句。
console.log(“蜜蜂”);
})
如果需要執行匿名函式,在匿名函式後面加上一個括號即可立即執行!
(function (){
//此時會輸出123
console.log(“123”);

})()
倘若需要傳值,直接將引數寫到括號內即可:
(function (str){
//此時會輸出123好帥!
console.log(“123”+str);
})(“好帥!”)
匿名函式的應用場景
1、事件

2、物件
var obj={
name:“小明”,
age:18,
fn:function(){
return “我叫”+this.name+“今年”+this.age+“歲了!”;
}
};
console.log(obj.fn());//我叫小明今年18歲了!
3、函式表示式
//將匿名函式賦值給變數fn。
var fn=function(){
return “留下,怎麼飛也飛不高!”
}
//呼叫方式與呼叫普通函式一樣
console.log(fn());//留下,怎麼飛也飛不高!
4、回撥函式
setInterval(function(){
console.log(“我其實是一個回撥函式,每次1秒鐘會被執行一次”);
},1000);
5、返回值
//將匿名函式作為返回值
function fn(){
//返回匿名函式
return function(){
return “123”;
}
}
//呼叫匿名函式
console.log(fn()());//123
————————————————
版權宣告:本文為CSDN博主「執~漠」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處連結及本宣告。
原文連結:blog.csdn.net/weixin_44116816/arti...

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章