首頁 > web前端 > js教程 > 主體

Javascript匿名函數

高洛峰
發布: 2017-02-04 16:30:45
原創
1234 人瀏覽過

 1   匿名函數

匿名函數是一種在執行時動態宣告的函數。它們之所以被稱為匿名函數是因為不同於普通函數,它們並沒有函數名。

匿名函數是透過函數表達式而不是函數宣告語法定義的。你可以在任何可以放置表達式的地方利用函數表達式來建立一個新函數。例如你可以定義一個新函數,作為一個函數呼叫的參數或作為另一個物件的屬性。

以下是一個典型的命名函數:

 function flyToTheMoon()
{
 alert("Zoom! Zoom! Zoom!");
}
flyToTheMoon();
登入後複製

以下是同樣的例子但此時是作為匿名函數被創建:

var flyToTheMoon = function()
{
alert("Zoom! Zoom! Zoom!");
}
flyToTheMoon();
登入後複製

 2   匿名函數是被函數表達式創建的

在javascript中兩種最常用的創建函數方式是利用函數聲明語法和函數表達式。匿名函數是透過函數表達式建立的。

在語句中如果function關鍵字先出現並緊接一個函數名,那麼這個函數則是由函數宣告語法建立的: 

Javascript匿名函數

如果function關鍵字出現在其他地方,則很可能是被用作函數表達式: 

Javascript匿名函數

當函數表達式被呼叫時,它會建立一個新的函數物件並傳回它。這裡是一個創建函數並將其賦給一個名為flyToTheMoon的變數的例子:

var flyToTheMoon = function() {
 alert("Zoom! Zoom! Zoom!");
}
登入後複製

這裡的賦值跟將任意函數的返回值賦值給變數是幾乎一樣的,唯一特殊的地方是這個值是一個函數物件而不是一些簡單的數字或日期。

這是可能的,因為函數在javascript中只是一種特殊的物件。這意味著它們能像其他物件一樣被使用。它們可以被儲存在變數中,作為參數被傳遞到​​其他函數,抑或在函數中被return語句傳回。函數永遠是對象,無論它們是如何被創造出來的。

一旦函數被儲存在變數中,這個變數就可以用來呼叫這個函數:

flyToTheMoon();
登入後複製

 3   匿名函數在執行時被建立

函數表達式可以用在任意一個可以放置表達式的地方。例如,你可以在一個變數被賦值時運用函數表達式,在一個參數被傳遞到​​函數或在一個return語句中運用函數表達式。這是可能的,因為函數永遠是在運行時被呼叫的。

函數宣告語法不一樣。它們運行在任何其他程式碼被執行之前,因為函數在被程式碼呼叫之前不需要聲明。

函數宣告語法不能被用來建立匿名函數,因為它們要求函數有一個名字。函數宣告語法利用函數名在將其作為一個變數新增至目前作用域。

 4   匿名函數不需要函數名稱

這似乎有點奇怪,因為你要怎麼樣才能呼叫沒有名字的函數呢?這是行得通的,因為函數名稱與保存函數物件的變數有點不同。

被函數宣告語法建立的函數永遠有一個函數名稱和一個完全一樣的函數變量,因為函數宣告語法會自動的建立這個變數:

function flyToTheMoon() {
 alert("Zoom! Zoom! Zoom!");
}
flyToTheMoon();
登入後複製

對於函數表達式建立的函數,這個名字是可選的。在很多時候,這個名字對我們來說並不重要,所以我們創建沒有名字的匿名函數,就像這個:

var flyToTheMoon = function() {
  alert("Zoom! Zoom! Zoom");
}
flyToTheMoon();
登入後複製

然而,如果你願意,函數表達式其實也是支持設定函數名的。以下是同樣的函數,不過這次有了一個函數名稱:

var flyToTheMoon = function flyToTheMoon() {
  alert("Zoom! Zoom! Zoom");
}
flyToTheMoon();
登入後複製

給你的函數一個名字並不會自動地在作用域中加入一個以函數名為名字的變數。你還是需要把函數表達式的回傳值賦值給一個變數。

在先前的例子中,那個保存了函數物件的變數跟函數的名字是一樣的,但其實並不需要這樣:

var thingsToDoToday = function flyToTheMoon() {
  alert("Zoom! Zoom! Zoom");
}
thingsToDoToday();
登入後複製

 5   為什麼需要名字?

函數的名字可以被用來從函數的內部呼叫自身。這在遞歸函數中很有用。

var thingsToDoToday = function flyToTheMoon() {
    if(!onTheMoon)
       flyToTheMoon();
     else
alert("One small step for a man..");
}
thingsToDoToday();
登入後複製

這對於調試也有用,因為你可以在呼叫堆疊中看到函數的名字。通常在呼叫堆疊中匿名函數看起來都一樣。如果你面臨一個很噁心的調試情形,有時候給感興趣的函數一個名字可以讓問題變得清晰。

 6   為什麼匿名函數有用呢?

不需要為匿名函數設定名字只是為了方便,畢竟很多情況下函數的名字並不重要。大多數情況下匿名函數和有名函數都可以很好地完成多數任務。

更多Javascript匿名函數相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板