JavaScript的立即执行函数怎么使用-js教程-PHP中文网

首页

web前端

js教程

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

不言

Dec 13, 2018 pm 05:30 PM

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

2345截图20181213165602.png

匿名函数

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

代码如下

  <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的立即执行函数怎么使用的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

Undresser.AI Undress

人工智能驱动的应用程序，用于创建逼真的裸体照片

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

免费脱衣服图片

Clothoff.io

AI脱衣机

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！

显示更多

热工具

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

中文版，非常好用

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

显示更多

热门话题

gmail邮箱登陆入口在哪里

7742

Java教程

1643

CakePHP 教程

1397

Laravel 教程

1291

PHP教程

1234

显示更多

Related knowledge

前端热敏纸小票打印遇到乱码问题怎么办？ Apr 04, 2025 pm 02:42 PM

前端热敏纸小票打印的常见问题与解决方案在前端开发中，小票打印是一个常见的需求。然而，很多开发者在实...

神秘的JavaScript：它的作用以及为什么重要 Apr 09, 2025 am 12:07 AM

JavaScript是现代Web开发的基石，它的主要功能包括事件驱动编程、动态内容生成和异步编程。1)事件驱动编程允许网页根据用户操作动态变化。2)动态内容生成使得页面内容可以根据条件调整。3)异步编程确保用户界面不被阻塞。JavaScript广泛应用于网页交互、单页面应用和服务器端开发，极大地提升了用户体验和跨平台开发的灵活性。