您好,登錄后才能下訂單哦!
小編給大家分享一下JavaScript中立即執行函數的使用方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
我們先來簡單看一下函數是什么?
函數是由事件驅動的或者當它被調用時執行的可重復使用的代碼塊。
換句話說,如果你多次使用某個函數,只要調用就可以簡單地使用。
使用fonction,定義如下。
fonction 函數名(){ 執行的代碼 }
我們再來看一下什么是匿名函數?
顧名思義,匿名函數是其功能可以在沒有函數名稱的情況下定義的函數
使用匿名函數還具有在使用高階函數時簡化代碼的優點。
高階函數是一個可以將函數本身作為參數或返回值處理的函數。
在高階函數中,作為參數的函數通常只使用一次,因此i可以通過使代碼成為匿名函數來使代碼變得簡單。
此外,由于你不需要通過使其成為匿名函數來定義全局范圍名稱,因此還可以減少由于復制函數名稱而導致的錯誤。
正常函數和匿名函數的比較
讓我們根據以下程序比較正常函數和匿名函數。
function( ) { 執行的代碼 }
正常的函數(命名的函數)
代碼如下
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>JavaScript</title> </head> <body> <script> function sum(a,b){ var result = a + b; return result; } var answer = sum(1,2); console.log(answer); </script> </body> </html>
使用console.log調用時,根據參數1和2 輸出“3”。
匿名函數
接下來我們用匿名函數來編寫相同函數
代碼如下
<script> var sum = function (a,b){ var result = a + b; return result; } var answer = sum(1,2); console.log(answer); </script>
在一個命名的函數中,我們首先定義函數sum,我們稍后將sum指定給變量answer,并使用參數1和2調用。
相反,在匿名函數中,在變量中可以直接輸入函數的定義,因此,能夠將函數定義本身存儲在變量中也是匿名函數的優點。
結果是一樣的
最后,我們來看看立即執行函數的用法
立即函數是一個立即執行函數表達式,在英語中稱為IIFE(立即調用函數表達式)。
立即函數被定義后立即執行。
因此,它被稱為立即執行功能。
使用立即函數,只要定義函數就可以立即執行。
局部變量在函數中聲明,并在整個聲明的函數中使用。
全局變量是在全局范圍內聲明的變量,因此它們可以在JavaScript程序中的任何位置使用。
例如,全局變量在函數外部聲明,那么它既可以在函數內部使用也可以在外部使用。
我們下面來看立即函數的示例
var聲明一個變量,從functions開始的函數定義本身就可以立即執行。
代碼如下
<script> var sum = (function (a,b){ var result = a + b; return result; })(1,2); console.log(sum); </script>
我們通過立即給函數定義提供參數來執行它。
到目前為止,我們已將函數sum分配給變量answer并傳遞參數。將其省略為變量answer,這意味著你可以將參數直接傳遞給已定義的函數并執行內容。
由于你不需要使用var answer = sum(1,2);來調用該函數,因此該程序非常流暢。
運行結果如下:結果也是3
以上是JavaScript中立即執行函數的使用方法的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。