JavaScript的立即执行函数怎么使用-tutorial js-php.cn

JavaScript的立即执行函数怎么使用

不言

Lepaskan： 2018-12-13 17:30:18

asal

3121 orang telah melayarinya

JavaScript的立即执行函数如何使用？本篇文章就来给大家介绍一下JavaScript立即执行函数的使用方法。

立即执行函数

我们先来简单看一下函数是什么？

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

换句话说，如果你多次使用某个函数，只要调用就可以简单地使用。

使用fonction，定义如下。

fonction 函数名(){
执行的代码
}

Salin selepas log masuk

我们再来看一下什么是匿名函数？

顾名思义，匿名函数是其功能可以在没有函数名称的情况下定义的函数

使用匿名函数还具有在使用高阶函数时简化代码的优点。

高阶函数是一个可以将函数本身作为参数或返回值处理的函数。

在高阶函数中，作为参数的函数通常只使用一次，因此i可以通过使代码成为匿名函数来使代码变得简单。

此外，由于你不需要通过使其成为匿名函数来定义全局范围名称，因此还可以减少由于复制函数名称而导致的错误。

正常函数和匿名函数的比较

让我们根据以下程序比较正常函数和匿名函数。

function( ) {
 执行的代码
}

Salin selepas log masuk

正常的函数（命名的函数）

代码如下

<!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>

Salin selepas log masuk

使用console.log调用时，根据参数1和2 输出“3”。

2345截图20181213165602.png

匿名函数

接下来我们用匿名函数来编写相同函数

代码如下

  <script>
      var sum = function (a,b){
    var result = a + b;
    return result;
  }
  var answer = sum(1,2);
  console.log(answer);
    </script>

Salin selepas log masuk

在一个命名的函数中，我们首先定义函数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>

Salin selepas log masuk

我们通过立即给函数定义提供参数来执行它。

到目前为止，我们已将函数sum分配给变量answer并传递参数。将其省略为变量answer，这意味着你可以将参数直接传递给已定义的函数并执行内容。

由于你不需要使用var answer = sum（1,2）;来调用该函数，因此该程序非常流畅。

运行结果如下：结果也是3

立即执行函数

Atas ialah kandungan terperinci JavaScript的立即执行函数怎么使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

JavaScript的立即执行函数怎么使用