1. 程式人生 > 其它 >js中的匿名函式

js中的匿名函式

匿名函式顧名思義指的是沒有名字的函式,在實際開發中使用的頻率非常高!也是學好JS的重點。

匿名函式:沒有實際名字的函式。

首先我們宣告一個普通函式:

//宣告一個普通函式,函式的名字叫fn

function fn(){

console.log("張培躍");

}

然後將函式的名字去掉即是匿名函式:

//匿名函式,咦,執行時,你會發現報錯啦!

function (){

console.log("張培躍");

}

到此,你會發現單獨執行一個匿名函式,由於不符合語法要求,報錯啦!解決方法只需要給匿名函式包裹一個括號即可:

//匿名函式在其它應用場景括號可以省略

(function (){

//由於沒有執行該匿名函式,所以不會執行匿名函式體內的語句。

console.log("張培躍");

})

如果需要執行匿名函式,在匿名函式後面加上一個括號即可立即執行!

(function (){

//此時會輸出張培躍

console.log("張培躍");

})()

倘若需要傳值,直接將引數寫到括號內即可:

(function (str){

//此時會輸出張培躍好帥!

console.log("張培躍"+str);

})("好帥!")

匿名函式的應用場景

1、事件

<input type="button" value="點我啊!" id="sub">

<script>

//獲得按鈕元素

var sub=document.querySelector("#sub");

//給按鈕增加點選事件。

sub.onclick=function(){

alert("當點選按鈕時會執行到我哦!");

}

</script>

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 "張培躍";

}

}

//呼叫匿名函式

console.log(fn()());//張培躍

//或

var box=fn();

console.log(box());//張培躍

模仿塊級作用域

塊級作用域,有的地方稱為私有作用域。JavaScript中是沒有塊級作用域的,例如:

if(1==1){//條件成立,執行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(){}等沒有自己的作用域。如果有,出了自己的作用域,宣告的變數就會立即被銷燬了。但是咱們可以通過匿名函式來模擬塊級作用域:

(function(){

//這裡是我們的塊級作用域(私有作用域)

})();

嘗試塊級作用域:

function fn(){

(function(){

var la="啦啦啦!";

})();

console.log(la);//報錯---la is not defined

}

fn();

匿名函式的作用:

1、通過匿名函式可以實現閉包,關於閉包在後面的文章中會重點講解。在這裡簡單介紹一下:閉包是可以訪問在函式作用域內定義的變數的函式。若要建立一個閉包,往往都需要用到匿名函式。

2、模擬塊級作用域,減少全域性變數。執行完匿名函式,儲存在記憶體中相對應的變數會被銷燬,從而節省記憶體。再者,在大型多人開發的專案中,使用塊級作用域,會大大降低命名衝突的問題,從而避免產生災難性的後果。自此開發者再也不必擔心搞亂全域性作用域了。

參考連結:https://www.cnblogs.com/ranyonsue/p/10181035.html