Javascript中什么是匿名函數(shù)？
2020/11/17 9:27:11 閱讀：3075
發(fā)布者：3075
匿名函數(shù)：沒有實際名字的函數(shù)。
在Javascript定義一個函數(shù)一般有如下三種方式：
函數(shù)關(guān)鍵字(function)語句：
function fnMethodName(x){alert(x);}
函數(shù)字面量(Function Literals)：
var fnMethodName = function(x){alert(x);}
Function()構(gòu)造函數(shù)：
var fnMethodName = new Function('x','alert(x);')
上面三種方法定義了同一個方法函數(shù)fnMethodName，
第1種就是最常用的方法，后兩種都是把一個函數(shù)復制給變量fnMethodName，而這個函數(shù)是沒有名字的，即匿名函數(shù)。
function (){
console.log("李四");
}
到此，你會發(fā)現(xiàn)單獨運行一個匿名函數(shù)，由于不符合語法要求，報錯啦！解決方法只需要給匿名函數(shù)包裹一個括號即可：
//匿名函數(shù)在其它應用場景括號可以省略
(function (){
//由于沒有執(zhí)行該匿名函數(shù)，所以不會執(zhí)行匿名函數(shù)體內(nèi)的語句。
console.log("李四");
})
如果需要執(zhí)行匿名函數(shù)，在匿名函數(shù)后面加上一個括號即可立即執(zhí)行！
(function (){
//此時會輸出李四
console.log("李四");
})()
倘若需要傳值，直接將參數(shù)寫到括號內(nèi)即可：
(function (str){
//此時會輸出李四好帥！
console.log("李四"+str);
})("好帥！")
匿名函數(shù)的應用場景
1、事件
<input type="button" value="點我啊！" id="sub">
<script>
//獲得按鈕元素
var sub=document.querySelector("#sub");
//給按鈕增加點擊事件。
sub.onclick=function(){
alert("當點擊按鈕時會執(zhí)行到我哦！");
}
</script>
2、對象
var obj={
name:"李四",
age:18,
fn:function(){
return "我叫"+this.name+"今年"+this.age+"歲了！";
}
};
console.log(obj.fn());//我叫李四今年18歲了！
3、函數(shù)表達式
//將匿名函數(shù)賦值給變量fn。
var fn=function(){
return "我是一只小小小小留下，怎么飛也飛不高！"
}
//調(diào)用方式與調(diào)用普通函數(shù)一樣
console.log(fn());//我是一只小小小小留下，怎么飛也飛不高！
模仿塊級作用域
塊級作用域，有的地方稱為私有作用域。JavaScript中是沒有塊級作用域的，例如：
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(){}等沒有自己的作用域。如果有，出了自己的作用域，聲明的變量就會立即被銷毀了。但是咱們可以通過匿名函數(shù)來模擬塊級作用域：
(function(){
//這里是我們的塊級作用域（私有作用域）
})();
嘗試塊級作用域：
function fn(){
(function(){
var la="啦啦啦！";
})();
console.log(la);//報錯---la is not defined
}
fn();
匿名函數(shù)的作用：
1、通過匿名函數(shù)可以實現(xiàn)閉包。
2、模擬塊級作用域，減少全局變量。
