JavaScript中立即执行函数的使用方法

  介绍

小编给大家分享一下JavaScript中立即执行函数的使用方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

我们先来简单看一下<强>函数是什么?

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

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

使用函数,定义如下。

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

我们再来看一下<强>什么是匿名函数>

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

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

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

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

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

<强>正常函数和匿名函数的比较

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

函数(){   执行的代码   }

<>强正常的函数(命名的函数)

代码如下

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=皍tf-8"祝辞   & lt; title> JavaScript   & lt;/head>   & lt; body>   & lt; script>   函数之和(a, b) {   结果var=a + b;   返回结果;   }   var回答=总和(1、2);   console.log(回答);   & lt;/script>   & lt;/body>   & lt;/html>

使用控制台。日志调用时,根据参数1和2输出“3”。

 JavaScript中立即执行函数的使用方法

<强>匿名函数

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

代码如下

& lt; script>   var=总和函数(a, b) {   结果var=a + b;   返回结果;   }   var回答=总和(1、2);   console.log(回答);   & lt;/script>

在一个命名的函数中,我们首先定义函数和,我们稍后将和指定给变量回答,并使用参数1和2调用。

相反,在匿名函数中,在变量中可以直接输入函数的定义,因此,能够将函数定义本身存储在变量中也是匿名函数的优点。

结果是一样的

 JavaScript中立即执行函数的使用方法

最后,我们来看看<强>立即执行函数的用法

立即函数是一个立即执行函数表达式,在英语中称为IIFE(立即调用函数表达式)。

立即函数被定义后立即执行。

因此,它被称为立即执行功能。

使用立即函数,只要定义函数就可以立即执行。

局部变量在函数中声明,并在整个声明的函数中使用。

全局变量是在全局范围内声明的变量,因此它们可以在JavaScript程序中的任何位置使用。

例如,全局变量在函数外部声明,那么它既可以在函数内部使用也可以在外部使用。

<强>我们下面来看立即函数的示例

var声明一个变量,从功能开始的函数定义本身就可以立即执行。

代码如下

& lt; script>   var金额=(函数(a, b) {   结果var=a + b;   返回结果;   })(1、2);   console.log(总和);   & lt;/script>

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

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

由于你不需要使用var回答=总和(1、2);来调用该函数,因此该程序非常流畅。

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

 JavaScript中立即执行函数的使用方法

以上是JavaScript中立即执行函数的使用方法的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

JavaScript中立即执行函数的使用方法