js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?

JavaScript立即执行函数是一种特殊的函数表达式,它可以立即自动运行,而不需要在其他地方调用。在JavaScript中,我们可以使用两种不同的声明方法来创建立即执行函数。第一种是使用普通的函数声明方法,代码如下:

(function() {
   //code to be executed immediately
})();

这种声明方法使用一个内部或匿名函数,将其包装在括号中并跟随一对空括号执行。当JavaScript引擎遇到这样的代码时,它将立即执行包装在内部函数内部的代码。

第二种声明方法是通过使用函数表达式来创建立即执行函数,代码如下:

(function() {
   //code to be executed immediately
}());

这种方法使用与第一种方法类似的语法,但是将第二个括号放在包含匿名函数的括号外面。两种方法的效果一样,但是它们的语法略有不同。

那么这两种不同的方式有什么异同点呢?

  • 语法方面:第一种方法使用圆括号包围匿名函数和函数调用,函数调用则需要被直接跟在圆括号后面。第二种方法则在匿名函数后加一对圆括号,以便其自我调用。
  • 性能方面:对于旧一点的浏览器来说,第二种方法的性能会稍微好一些,因为解析器不需要遇到分组运算符,因此解析速度快一些。但是对于现代浏览器来说,两种方法的性能差异已经非常小了,因此不必太过于担心性能问题。

下面是两个例子,分别使用第一种和第二种声明方法来创建立即执行函数:

示例1:

(function(){
    var a = 1;
    var b = 2;
    console.log(a + b);
}());

示例2:

(function(){
    var a = 1;
    var b = 2;
    console.log(a + b);
})();

这两个示例的输出结果是相同的,都将结果输出为3。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别? - Python技术站

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

相关文章

  • 用JavaScript实现动画效果的方法

    讲解用JavaScript实现动画效果的方法的完整攻略如下: 用JavaScript实现动画效果的方法 1. 使用CSS3的transition属性 CSS3的transition属性可以让元素的属性在一定时间内平滑过渡。我们可以利用JavaScript来动态改变元素的属性值,从而实现动画效果。示例代码如下: <html> <head&gt…

    JavaScript 2023年6月10日
    00
  • JavaScript中获取时间的函数集

    下面是详细讲解 JavaScript 中获取时间的函数集的完整攻略。 一、获取当前时间的函数 JavaScript 中获取当前时间可以使用 Date 类,通过 new Date() 实例化出一个日期对象,再通过该对象的方法获取当前时间。 //获取当前时间 var date = new Date(); console.log(date) // 输出日期 上述代…

    JavaScript 2023年5月27日
    00
  • JavaScript中String.prototype用法实例

    那我就来给大家详细讲解一下“JavaScript中String.prototype用法实例”。 什么是String.prototype? String.prototype是JavaScript中String对象的原型属性,它包含了一些用于处理字符串的方法。可以理解为,String.prototype是所有字符串对象的“祖先”,它定义了所有字符串对象所共有的方…

    JavaScript 2023年5月28日
    00
  • JavaScript常用事件介绍

    下面我将为您详细介绍“JavaScript常用事件”方面的攻略。在JavaScript中,我们可以使用各种事件来相应网页的状态改变和用户的互动。通过事件,我们可以触发一些特定的JavaScript函数,实现对用户行为的响应。 事件介绍 事件是用户在操作网页时触发的一些动作,包括鼠标点击、键盘输入、页面滚动、窗口大小调整等。常见的事件类型包括: 鼠标事件:cl…

    JavaScript 2023年5月27日
    00
  • javascript中使用正则表达式进行字符串验证示例

    首先,让我们来介绍JavaScript正则表达式。正则表达式是一种用于匹配文本模式的工具,JavaScript中的正则表达式使用RegExp对象来创建,并可以通过正则表达式字面量或RegExp构造函数来定义。 在JavaScript中使用正则表达式进行字符串验证有很多应用,例如对输入的内容进行格式检查、密码校验、邮箱格式验证等。 接下来我们将介绍如何通过正则…

    JavaScript 2023年5月28日
    00
  • JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件

    JavaScript控制浏览器全屏的方法、属性和事件 方法 requestFullscreen() 使用该方法可以将页面进入全屏模式,所有元素会充满整个浏览器窗口。 element.requestFullscreen(); exitFullscreen() 使用该方法可以退出全屏模式,使页面回到正常的窗口模式。 document.exitFullscreen…

    JavaScript 2023年6月10日
    00
  • JavaScript中arguments的使用方法详解

    JavaScript中arguments的使用方法详解 在JavaScript中,我们可以使用arguments来获取函数调用时传入的所有参数。本文将对arguments的使用方法进行详细讲解,并且给出两个示例说明。 1. 获取传入的所有参数 我们可以使用arguments获取函数调用时传入的所有参数。arguments是一个类数组对象,可以通过argume…

    JavaScript 2023年5月27日
    00
  • 15个顶级开源JavaScript框架和库

    下面给您详细讲解关于“15个顶级开源JavaScript框架和库”的攻略。 1. 什么是JavaScript框架和库 JavaScript框架和库是用于JavaScript语言的代码集合,它们能够帮助开发者更便捷地构建应用程序。它们的目的是减少开发者的工作量、提高开发效率和代码可读性。 2. 常用的JavaScript框架和库种类 目前常用的JavaScri…

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