javascript可以不寫函數名嗎

2022-09-20 18:02:27

javascript函數可以不寫函數名;沒有名稱的函數叫「匿名函數」,該函數僅包含function關鍵字、引數和函數體,語法為「function ([args]){statements}」。匿名函數的作用:1、通過匿名函數可以實現閉包;2、模擬塊級作用域,減少全域性變數。

前端(vue)入門到精通課程:進入學習

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript函數可以不寫函數名,沒有名稱的函數叫「匿名函數」。

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

匿名函數僅包含 function 關鍵字、引數和函數體。具體用法如下:

function ([args]) {
statements
}

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

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

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

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

到此,你會發現單獨執行一個匿名函數,由於不符合語法要求,報錯啦!

1.png

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

//匿名函數在其它應用場景括號可以省略
(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可以不寫函數名嗎的詳細內容,更多請關注TW511.COM其它相關文章!