JavaScript中匿名函數怎么使用

這篇文章主要講解了“JavaScript中匿名函數怎么使用”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“JavaScript中匿名函數怎么使用”吧！

匿名函數：沒有實際名字的函數。

首先我們聲明一個普通函數：

//聲明一個普通函數，函數的名字叫fn
function fn(){
    console.log("web-chubby");
}

然后將函數的名字去掉即是匿名函數：

//匿名函數，咦，運行時，你會發現報錯啦！
function (){
    console.log("web-chubby");
}

到此，你會發現單獨運行一個匿名函數，由于不符合語法要求，報錯啦！

解決方法：只需要給匿名函數包裹一個括號，使之成為表達式即可：

//匿名函數在其它應用場景括號可以省略
(function (){
    //由于沒有執行該匿名函數，所以不會執行匿名函數體內的語句。
    console.log("web-chubby");
})

如何執行和使用匿名函數？

1、執行匿名函數

如果需要執行匿名函數，在匿名函數后面加上一個括號即可，也就是立即執行函數

• 小括號只將匿名函數包裹起來 后面跟隨執行的小括號(常用)
  

(function () {
      alert('匿名函數執行方式一')
})();

• 小括號將匿名函數以及執行匿名函數的小括號都包裹起來 整體構成一個表達式

2、匿名函數傳參

與其他普通參數的傳參方式一樣，直接將參數寫到括號內即可：

 (function (m) {
      alert(m)
    }('這是匿名函數傳進來的參數'));

匿名函數的應用

• 綁定事件時的方法

<input type="button" value="點我啊！" id="sub">
<script>
    //獲得按鈕元素
    var sub=document.querySelector("#sub");
    //給按鈕增加點擊事件。
    sub.onclick=function(){
        alert("當點擊按鈕時會執行到我哦！");
    }
</script>

• 函數表達式 將匿名函數賦值給一個變量

//將匿名函數賦值給變量fn。
var fn=function(){
    return "我是一只小小小小留下，怎么飛也飛不高！"
}
//調用方式與調用普通函數一樣
console.log(fn());//我是一只小小小小留下，怎么飛也飛不高！

• 對象里面的函數屬性

var obj={
    name:"web-chubby",
    age:18,
    fn:function(){
        return "我叫"+this.name+"今年"+this.age+"歲了！";
    }
};
console.log(obj.fn());//我叫web-chubby今年18歲了！

• 回調函數，將匿名函數作為其中的一個參數

 //過濾出值為9的值
    let numArr = [1, 5, 9, 10]
    let newArr = numArr.filter(function (item) {
      if (item !== 9) {
        return item
      }
    });

• 函數返回值，即將函數作為一個返回值

//將匿名函數作為返回值
function fn(){
    //返回匿名函數
    return function(){
        return "web-chubby";
    }
}
//調用匿名函數
console.log(fn()());//web-chubby
//或
var box=fn();
console.log(box());//web-chubby

模仿塊級作用域

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

感謝各位的閱讀，以上就是“JavaScript中匿名函數怎么使用”的內容了，經過本文的學習后，相信大家對JavaScript中匿名函數怎么使用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！