深入理解(function(){… })();

介绍:

function(){...}()是一种JavaScript函数的自执行方式,也称为自执行匿名函数。将整个函数定义放在一个括号中并在末尾增加一对空括号。这将使定义的函数立即执行,而无需另外调用它。

这种技术虽然非常简单,但它在许多情况下都有用,例如:

1.在定义后立即执行函数,以避免函数名称污染全局命名空间。

2.用于模块化JavaScript代码。

攻略:

1.定义并执行一个自执行函数

下面是定义并执行一个自执行函数的示例:

(function() {
  console.log('hello world from a self-executing function');
})();

在这里,函数定义被放置在括号中,并在末尾添加另外一对空括号,以立即执行该函数。这将输出消息"hello world from a self-executing function"到控制台。

2.自执行函数的参数

如果需要将参数传递给自执行函数,则只需在函数定义后立即调用该函数,并在括号中包含参数即可。以下是具有参数的自执行函数示例:

(function(message) {
  console.log(message);
})('hello world from a self-executed function with an argument');

在这里,自执行函数被调用时,将字符串"hello world from a self-executing function with an argument"作为参数传递给该函数,并记录在控制台上。

总结:

自执行函数是一种有用的技术,可用于创建模块化JS代码或确保您的代码不会意外干扰其他对象。要创建自执行函数,请将函数定义放在括号内,然后在末尾添加一对空括号即可。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:深入理解(function(){… })(); - Python技术站

(0)
上一篇 2023年5月18日
下一篇 2023年5月18日

相关文章

  • 如何使用JavaScript制作你自己的countUp.js插件

    如果你想使用JavaScript制作一个自己的countUp.js插件,可以按照以下步骤进行: 1. 定义插件 首先,在JavaScript文件中定义一个插件,包括名字、参数和其他功能。在这个插件中,我们需要接受以下参数: startVal(起始值) endVal(结束值) duration(持续时间) separator(数字间的分隔符) decimal(…

    jquery 2023年5月12日
    00
  • 从零开始学习jQuery (四) jQuery中操作元素的属性与样式

    针对“从零开始学习jQuery (四) jQuery中操作元素的属性与样式”的完整攻略,以下是详细的讲解: 一、操作元素属性 1.1 jQuery中获取元素属性 一般可以使用attr()方法来获取元素属性,通过选择器先选中需要获取的元素,再使用attr()方法即可获取元素的属性。 示例代码如下: //获取元素属性 var title = $("h1…

    jquery 2023年5月27日
    00
  • ASP.NET中生成Excel遇到的问题及改进方法

    下面是ASP.NET中生成Excel遇到的问题及改进方法的完整攻略。 问题描述 在ASP.NET Web应用程序中生成Excel文件时,可能会遇到以下问题: Excel文件生成慢,占用大量内存。当Excel文件中包含大量数据时,程序执行时可能会慢甚至崩溃。 生成的Excel文件格式不兼容。由于Excel有多个版本,如果生成的文件格式不兼容,可能导致文件无法打…

    jquery 2023年5月27日
    00
  • 如何使用jQuery动态添加CSS属性到一个元素

    在jQuery中,我们可以使用.css()函数向元素添加CSS属性。以下是两个示例,演示如何使用jQuery动态添加CSS属性到一个元素: 示例1:添加单个CSS属性 以下是一个示例,演示如何使用.css()函数向元素添加单个CSS属性: <!DOCTYPE html> <html> <head> <title&gt…

    jquery 2023年5月9日
    00
  • jQWidgets jqxDropDownButton模板属性

    jQWidgets 的 jqxDropDownButton 组件是一个下拉按钮控件。template 属性用于设置下拉列表的模板。本攻略中,我们将详细解释如何使用 template 属性,并提供两个示例说明。 步骤1:创建一个 jqxDropDownButton 首先,我们需要创建 jqxDropDownButton 组件。以下是一个示例: $(‘#jqxD…

    jquery 2023年5月10日
    00
  • 浅析jquery的作用与优势

    浅析jQuery的作用与优势 什么是jQuery jQuery是一款快速、简洁的JavaScript库,它简化了HTML文档的操作、事件处理、动画效果和AJAX交互。jQuery为Web开发提供了更为便捷、高效的方式。 jQuery的作用 jQuery旨在让JavaScript代码更易于阅读、编写和维护。它可以帮助开发人员在不同浏览器上轻松实现复杂的Java…

    jquery 2023年5月28日
    00
  • 用jQuery实现的模拟下拉框代码

    使用jQuery实现模拟下拉框可以让我们在页面中自定义样式和动画效果,提升用户体验。下面是实现模拟下拉框的完整攻略: 1. 简介 模拟下拉框是一个常用的前端UI组件,它通过自定义样式和JS脚本实现下拉选择框的效果。在不同的场景中,我们可能通过模拟下拉框来实现国家和地区的选择、日期选择、颜色选择等功能。 下面是一个简单的模拟下拉框示例,可以直接查看效果或者查看…

    jquery 2023年5月27日
    00
  • jQuery实现最简单实用的分秒倒计时

    下面是jQuery实现最简单实用的分秒倒计时的完整攻略。 准备工作 首先需要引入jQuery库文件,可以从官网(https://jquery.com/)上下载或使用CDN,例如: <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"&gt…

    jquery 2023年5月28日
    00
合作推广
合作推广
分享本页
返回顶部