首頁 > web前端 > js教程 > JavaScript的立即執行函數怎麼使用

JavaScript的立即執行函數怎麼使用

不言
發布: 2018-12-13 17:30:18
原創
3143 人瀏覽過

JavaScript的立即執行函數如何使用?本篇文章就來跟大家介紹一下JavaScript立即執行函數的使用方法。

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”。

JavaScript的立即執行函數怎麼使用

匿名函數

#接下來我們用匿名函數來寫相同函數

#程式碼如下

  <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呼叫。

相反,在匿名函數中,在變數中可以直接輸入函數的定義,因此,能夠將函數定義本身儲存在變數中也是匿名函數的優點。

結果是一樣的

JavaScript的立即執行函數怎麼使用

最後,我們來看看立即執行函數的用法

##立即函數是一個立即執行函數表達式,在英語中稱為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的立即執行函數怎麼使用

以上是JavaScript的立即執行函數怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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