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、模擬塊級作用域,減少全局變量。執行完匿名函數,存儲在內存中相對應的變量會被銷毀,從而節省內存。再者,在大型多人開發的項目中,使用塊級作用域,會大大降低命名沖突的問題,從而避免產生災難性的后果。自此開發者再也不必擔心搞亂全局作用域了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM