首页
学习
活动
专区
圈层
工具
发布

JavaScript-立即调用函数表达式(IIFE)

(2)【注意】JavaScript引擎规定,如果function关键字出现在行首,一律解释成函数声明语句 1.2 函数表达式 (function expression) ?...这种函数就叫做立即执行函数,全称为立即调用函数表达式IIFE(Imdiately Invoked Function Expression) 二、立即调用函数表达式 2.1 概念 立即调用函数表达式(IIFE...)是一个在定义时就会立即执行的 JavaScript 函数。...(2)第二部分再一次使用 () 创建了一个立即执行函数表达式,JavaScript 引擎到此将直接执行函数。 2.3 写法 (1)【最常用的两种办法】 ? (2)【其他写法】 ?...参考文章 深入理解JavaScript系列(4):立即调用的函数表达式 汤姆大叔 (译)详解javascript立即执行函数表达式(IIFE) 韩子迟 深入理解闭包系列第三篇——IIFE 小火柴的蓝色理想

1.5K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Javascript的函数声明和函数表达式

    但实际上,Javascript函数上的一个“陷阱”就体现在Javascript两种类型的函数定义上。...JavaScript 解释器中存在一种变量声明被提升的机制,也就是说函数声明会被提升到作用域的最前面,即使写代码的时候是写在最后面,也还是会被提升至最前面。...而用函数表达式创建的函数是在运行时进行赋值,且要等到表达式赋值完成后才能调用 var getName//变量被提升,此时为undefined getName()//oaoafly 函数被提升...当然我们最后要给一个总结:Javascript中函数声明和函数表达式是存在区别的,函数声明在JS解析时进行函数提升,因此在同一个作用域内,不管函数声明在哪里定义,该函数都可以进行调用。...而函数表达式的值是在JS运行时确定,并且在表达式赋值完成后,该函数才能调用。这个微小的区别,可能会导致JS代码出现意想不到的bug,让你陷入莫名的陷阱中。

    76210

    JavaScript 的 this 小结纯粹的函数调用作为对象方法的调用作为构造函数调用apply 调用

    JavaScript 语言的一个关键字。 它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内部使用。 ? 上面代码中,函数test运行时,内部会自动有一个this对象可以使用。...那么,this的值是什么呢? 函数的不同使用场合,this有不同的值。 总的来说,this就是函数运行时所在的环境对象。...下面分情况,详细讨论 纯粹的函数调用 函数的最通常用法,属全局性调用,this即代表全局对象。 ?...运行结果是1 作为对象方法的调用 函数还可以作为某个对象的方法调用,这时this就指这个上级对象 ? 结果:1 作为构造函数调用 通过这个函数,可以生成一个新对象。this就指这个新对象。 ?...运行结果为2,表明全局变量x的值根本没变。 apply 调用 apply()是函数的一个方法,作用是改变函数的调用对象。 它的第一个参数就表示改变后的调用这个函数的对象。

    4.3K20

    身份证号码的正则表达式及验证详解(JavaScript,Regex)

    简言 在做用户实名验证时,常会用到身份证号码的正则表达式及校验方案。本文列举了两种验证方案,大家可以根据自己的项目实际情况,选择适合的方案。...1.1.5 顺序码规则: 顺序码长3位 顺序码是数字 根据以上规则,写出顺序码的正则表达式 :/\d{3}/。...1.1.6 校验码规则: 校验码长1位 可以是数字,字母x或字母X 根据以上规则,写出校验码的正则表达式 :/[0-9Xx]/。...1.2 方案1正则表达式 综合以上6条规则,给出完整的正则表达式及测试程序如下: var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2...,直接给出如下函数及测试程序: var checkDate = function (val) { var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]

    24.7K134

    Javascript中的函数声明和函数表达式

    ; }(); 试一下就知道这段代码的意思就是声明一个函数,然后立刻执行,因为Javascript中的变量作用域是基于函数的,所以这样可以避免变量污染,但这里的位运算符『~』乍一看让人摸不到头脑...在阐述为什么之前,让我们先来明确Javascript中的两个概念:函数声明和函数表达式: 先来看看什么样的是函数声明: function() { alert("hello, world...."); }; function foo() { alert("hello, world."); }; 再来看看什么样的是函数表达式: var foo =...,Javascript不允许在函数声明的后面直接使用小括号,而函数表达式则没有这个限制,通过在函数声明前面加上一个『~』操作符,就可以让语法解析器把后面看成是函数表达式,同样的,在函数声明前面加上『!...,+,-』等操作符也是可行的。 那我们为什么不使用下面这种函数表达式的方式呢?

    91420

    总结 JavaScript 中的变体函数调用方式

    ​JavaScript 中函数调用有许多独特的变体方式,例如 ~function、-function 等。这些变体不仅展现了 JavaScript 语言的灵活性,也可以在某些场景下让代码更加简洁。...特殊调用方式及返回值解析以下是一些 JavaScript 中特殊的函数调用变体:1. ~function~ 是按位非运算符,但用于函数前时,会将函数转换为表达式,并立即执行。...5. void functionvoid 运算符用于忽略表达式的返回值。...6. function 前加括号加括号是最常见的 IIFE 调用方式,确保函数被解释为表达式。...希望这篇文章能帮助你更好地理解和掌握这些特殊的 JavaScript 函数调用方式。如果你有其他有趣的用法,欢迎留言分享!

    1.2K10

    成功解决“函数用于调用的参数太少太多”问题

    个人主页:修修修也 所属专栏:程序调试及报错解决 ⚙️操作环境:Visual Studio 2022 问题描述 我们在使用C语言编写程序,特别是使用函数递归时经常会遇到编译器报错“用于调用的参数太少...,即x和y: int power(int x,int y) 那么在后续调用power函数时就需要传给它两个参数才行,而第七行代码明显只传给了power函数一个参数,因此会导致编译器报错“用于调用的参数太少...解决方法 在搞清楚了编译器为何会报错之后,我们的解决方法也非常简单,即,将原代码改为: return x * power(x,y-1); 这样就确保了在调用函数时会传给power函数两个参数供其使用,...当然,如果你在定义函数时创建了三个甚或是更多的形式参数,那么就请务必在后续调用该函数时传给它数量相同的参数供函数使用,这样就能保证编译器不会报错啦。...相关文章推荐 【C语言】判断字符类型的三种方法 【C语言】qsort()函数详解:能给万物排序的神奇函数 【C语言】整形数据和浮点型数据在内存中的存储 【C语言】结构体的大小是如何计算的(结构体对齐

    2.1K10

    关于立即调用的函数表达式(IIFE)

    在 JavaScript 中,圆括号 () 是一种运算符,跟在函数名之后,表示调用该函数。...比如,print() 就表示调用 print 函数 有时,我们需要在定义函数之后,立即调用该函数,例如: function(){ /* code */ }(); // SyntaxError: Unexpected...f() {} 其中,JavaScript 引擎规定,如果 function 关键字出现在行首,一律解释成语句 因此,上面错误的代码被认为这一段都是函数的定义,不应该以圆括号结尾,所以就报错了 解决方法就是不要让...function(){ /* code */ })(); 上面两种写法都是以圆括号开头,引擎就会认为后面跟的是一个表示式,而不是函数定义语句,所以就避免了错误 这就叫做“立即调用的函数表达式”(Immediately-Invoked...,JavaScript 会将它们连在一起解释,将第二行解释为第一行的参数 推而广之,任何让解释器以表达式来处理函数定义的方法,都能产生同样的效果,比如下面三种写法 // 写法一 var i = function

    71740

    JavaScript(js)函数声明与函数表达式的区别

    在JavaScript中,函数是经常用到的,在实际开发的时候,我想很多人都没有太在意函数的声明与函数表达式的区别,但是呢,这种细节的东西对于学好js是非常重要的。...注意,我们是调用的函数表达式,这样的结果是会报错,为什么呢?...一起来看看,首先我们先说第一种,函数声明的调用,函数声明的调用这个其实不用讲你就知道,函数声明了嘛,哪里都可以调用的(function会有预解析,预解析之后函数就存在了,所以那里都能调用它了)。...undefined,这是不是很像我们的函数表达式了,其实,如果说我们在函数表达式之前也打印一下这个say1(),结果也是undefined,原因就是带有var 的变量,当然这里说的是全局变量,它在预解析的时候会有一个变量提升...,它也有变量提升,在将函数赋值给你定义的变量之前,调用就会报它不是函数的错,而打印出来就是undefined,是不是很好理解呢,学到了吗?

    1K30

    版本号的正则表达式-身份证号码的正则表达式及验证详解(JavaScript,Regex)

    简言   在做用户实名验证时,常会用到身份证号码的正则表达式及校验方案。本文列举了两种验证方案,大家可以根据自己的项目实际情况,选择适合的方案。   ...方案1 (简单)1.1 分部规则   我们首先提出方案1版本号的正则表达式,并分步做如下规则定义:   1.1.1 地址码规则:   根据以上规则,写出地址码的正则表达式: /^[1-9]\d{5}/...  1.1.2 年份码规则:   根据以上规则,写出年份码的正则表达式: /(18|19|20)\d{2}/。...1.1.5 顺序码规则:   根据以上规则,写出顺序码的正则表达式 :/\d{3}/。   1.1.6 校验码规则:   根据以上规则,写出校验码的正则表达式 :/[0-9Xx]/。   ...,直接给出如下函数及测试程序:    var checkDate = function (val) { var pattern = /^(18|19|20)\d{2}((0

    2.1K10

    C++ this指针:用于在成员函数中指向调用该函数的对象

    C++中this指针是一个指向当前对象的指针。在成员函数中,可以使用this指针来访问调用该函数的对象的成员变量和成员函数。...,返回的是指向调用该函数的对象的指针。...这里使用了*this来访问调用该函数的对象。 三、作为函数参数的this指针 this指针也可以作为函数参数传递。这种情况下,可以在函数内部访问其他对象的成员变量和成员函数。...在getName函数内部,使用了this指针访问调用该函数的对象的成员变量name。...四、总结 this指针在C++中是一个非常重要的概念,可以用来访问调用该函数的对象,作为返回值返回,或者作为函数参数传递。掌握this指针的使用可以帮助我们更好地编写面向对象的程序。

    1.8K40

    JavaScript立即执行函数的解释分析(2)—函数表达式与函数声明的区别

    函数表达式(函数定义表达式) 函数定义表达式定义一个JavaScript函数。表达式的值就是这个新定义的函数。...也许你会奇怪,到底发什么了什么,还记得上次我们说的调用表达式吗? 调用表达式是一种调用(或者执行)函数或方法的语法表示。...f(0) //f是一个函数表达式 函数在定义的时候是不执行的,要执行的话就要调用函数,就是用 函数表达式 +(),来调用,所以你明白了,第一段代码后面直接写(),是因为它本来就是函数表达式,后面写...(),那自然就是调用了,而第二段代码,是函数声明,所以用了 函数名+()来调用,函数名在这就是函数表达式,但是最后一段代码报错了,因为它不是函数表达式,是函数声明,所以不能用直接加()的方式调用。...,一方面是声明提前的区别,虽然都提前,但函数表达式只是将声明提前,赋值仍然保留在原位置,函数声明,会将函数名称和函数体都提前,另一方面就是调用的区别,函数表达式后面可以直接写()来调用函数,而函数声明不可以

    71430

    函数表达式在JavaScript中是如何工作的?

    在JavaScript中,函数表达式是一种将函数赋值给变量的方法。函数表达式可以出现在代码的任何位置,而不仅仅是函数声明可以出现的位置。...2:函数赋值:将一个函数赋值给该变量。函数可以是匿名函数,也可以是具名函数。 3:函数调用:通过变量名加上括号来调用函数,例如myFunction()。...函数表达式的特点: 1:匿名函数:函数表达式可以是匿名函数,即没有函数名。在这种情况下,函数只能通过变量名来调用。...这样的函数在函数内部和外部都可以通过函数名来调用自身。...函数声明会被提升到作用域的顶部,而函数表达式不会被提升。因此,在使用函数表达式之前,需要确保该表达式已经被赋值。此外,函数表达式还可以根据需要在运行时动态创建函数,具有更大的灵活性。

    2.3K50

    学习一个PHP中用于检测危险函数的扩展Taint

    学习一个PHP中用于检测危险函数的扩展Taint 在日常的开发中,安全性一直是我们要研究的重点内容之一。而在安全性中,最主要的一点就是我们的输入数据。...未经过滤的这个 $a ,不管是拼接到字符串中,还是作为可变变量,只要是通过 echo 、 print 、 include 或者是 mysqli_query() 这些函数调用后,都会马上出现报警,提示你使用的这个数据字符串是需要进行过滤的...检测及转换函数 最后在 Taint 扩展中,还提供了两个函数用于强制进行警告和解除警告的作用,当然,也是为了我们在测试环境中的调试方便。 $newOutput = "Welcome !!!"...总结 同样还是非常小众的扩展,但是学习了之后发现还真的是挺有用的,而且特别适合在我们的测试环境中向大家提供一个全面检测安全质量的报警系统。...测试代码: https://github.com/zhangyue0503/dev-blog/blob/master/php/2021/02/source/1.学习一个PHP中用于检测危险函数的扩展Taint.php

    1.4K20
    领券