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

超越浏览器：现实世界中的JavaScriptApr 12, 2025 am 12:06 AM

JavaScript在现实世界中的应用包括服务器端编程、移动应用开发和物联网控制：1.通过Node.js实现服务器端编程，适用于高并发请求处理。2.通过ReactNative进行移动应用开发，支持跨平台部署。3.通过Johnny-Five库用于物联网设备控制，适用于硬件交互。

使用Next.js（后端集成）构建多租户SaaS应用程序Apr 11, 2025 am 08:23 AM

我使用您的日常技术工具构建了功能性的多租户SaaS应用程序（一个Edtech应用程序），您可以做同样的事情。首先，什么是多租户SaaS应用程序？多租户SaaS应用程序可让您从唱歌中为多个客户提供服务

如何使用Next.js（前端集成）构建多租户SaaS应用程序Apr 11, 2025 am 08:22 AM

本文展示了与许可证确保的后端的前端集成，并使用Next.js构建功能性Edtech SaaS应用程序。前端获取用户权限以控制UI的可见性并确保API要求遵守角色库

JavaScript：探索网络语言的多功能性Apr 11, 2025 am 12:01 AM

JavaScript是现代Web开发的核心语言，因其多样性和灵活性而广泛应用。1)前端开发：通过DOM操作和现代框架（如React、Vue.js、Angular）构建动态网页和单页面应用。2)服务器端开发：Node.js利用非阻塞I/O模型处理高并发和实时应用。3)移动和桌面应用开发：通过ReactNative和Electron实现跨平台开发，提高开发效率。

JavaScript的演变：当前的趋势和未来前景Apr 10, 2025 am 09:33 AM

JavaScript的最新趋势包括TypeScript的崛起、现代框架和库的流行以及WebAssembly的应用。未来前景涵盖更强大的类型系统、服务器端JavaScript的发展、人工智能和机器学习的扩展以及物联网和边缘计算的潜力。

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

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