在javascript中有引入立即执行函数的概念,那么什么是立即执行函数呢?立即执行函数又是怎么写的呢?立即执行函数与普通函数有什么区别呢?

先来看看一般的函数:

function a(){
var num = 100;
console.log(num);
}

以上就是javascript中随便定义的最普通的函数,函数一旦被定义,就会一直等着被执行,会一直占用空间。除非等到javascript执行完函数才会被释放。但是有些时候不想要这么多空间被占用,因为会浪费效率。有些函数从出生到javascript执行完它就只被执行了一次。这就导致该函数的空间被一直占用。为了避免这种不必要的空间被一直占用,javascript引入了立即执行函数。

(function test(){
var a = 12;
var b = 13;
console.log(a+b);
}())

上边这种写法就是立即执行函数

我们看出函数可以正常执行,但是在执行之后就再也找不到这个函数了。所以立即执行函数我们一般不给他取名字。

同样和普通的函数一样,立即执行函数也可以有参数和返回值。(不能有返回值的函数还要它干嘛啊)

var sum = (function (x,y,z) {
return x+y+z;
}(5,6,7))

这样的话,函数执行完虽然被销毁,但是返回值被num接收。同样也解决了内存占用的问题。

下边是两种常见的立即执行函数的写法

(function (){}());  W3C建议使用第一种
(function (){})();

在开发中,立即执行函数主要用于解决闭包的问题和针对初始化的功能等,在初始化页面时用到的立即执行函数不需要有返回值,但是在初始化页面的时候用到的立即执行函数一定要有返回值。立即执行函数照样有执行期上下文,内部照样执行预编译的环节。

再往深了探究,1.只有表达式才可以被执行符号(小括号)执行。2.能被执行符号执行的表达式他的名字就会自动被忽略。什么意思呢?看下边的例子

先来解释上边的第一句话。我们知道函数的定义分为两种(函数声明和函数表达式)

function test(){
console.log();
}()

看上边的代码能执行吗?

单写test表示函数的引用,正常情况下想要执行函数直接test(); 函数名加小括号即可,上边的函数声明跟函数引用一样,那直接加一对小括号应该也可以执行呀,结果却不然:

在系统看来这是一个非常低级的语法错误。因为小括号前边的是函数声明,而不是表达式,所以就不能被执行。

再看下边这种写法:

var a = function (){
console.log();
}()

这回小括号前边很明显是表达式,所以就可以执行。

再解释上边的第二句话。

var a = function (){
console.log();
}

现在的a还代表函数的名字呢

在下边执行这个表达式:

var a = function (){
console.log();
}()

这时候的a已经不再表示这个函数名了。

所以:能被执行符号执行的表达式他的名字就会自动被忽略。

类似的:

+function (){
console.log();
}()
-function (){
console.log();
}()
!function (){
console.log();
}()

以上几种情况前边很明显是表达式,所以就可以执行。这回就一目了然为啥整体加个小括号就可以立即执行了吧,因为被小括号括起来就变成了表达式嘛,自然可以执行。

javascript的立即执行函数的更多相关文章

  1. Javascript的自执行函数

    自执行函数其实也就是"立即执行的函数",它有四个特点:提高性能.利于压缩.避免冲突.依赖加载: 1.减少作用域查找 JS代码: // Anonymous function that ...

  2. JavaScript匿名自执行函数~function(){}

    原博客:https://blog.csdn.net/yaojxing/article/details/72784774 1.匿名函数的常见场景 js中的匿名函数是一种很常见的函数类型,比较常见的场景: ...

  3. javascript js自执行函数

    javascript  自执行函数 一.自执行函数几种写法: 写法一: ( function(){ //代码 } )(); 写法二: ( function(){ //代码 }()); 二.作用: 隔离 ...

  4. (转)扫盲--JavaScript的立即执行函数

    看过jQuery源码的人应该知道,jQuery开篇用的就是立即执行函数.立即执行函数常用于第三方库,好处在于隔离作用域,任何一个第三方库都会存在大量的变量和函数,为了避免变量污染(命名冲突),开发者们 ...

  5. JavaScript/JQuery自执行函数

    JavaScript中任何库与框架设计的第一个要点就是解决命名空间与变量污染的问题.jQuery就是利用了JavaScript函数作用域的特性,采用自执行函数包裹了自身的方法来解决这个问题.从jQue ...

  6. JavaScript 函数声明,函数表达式,匿名函数,立即执行函数之区别

    函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使 ...

  7. javascript立即执行函数

    javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花;当然,能理解各型各色的写法也是对javascript语言特性更进一步的深入理解.  ( ...

  8. JavaScript 立即执行函数

    js中(function(){…})()立即执行函数写法理解 javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法 ...

  9. JavaScript:立即执行的函数表达式

    先要理解清楚几个概念:   以下转自:http://www.cnblogs.com/TomXu/archive/2011/12/31/2289423.html  问题的核心 当你声明类似functio ...

随机推荐

  1. html5新增表单控件和表单属性

    表单验证 Invalid事件 : 验证反馈 input.addEventListener('invalid',fn,false) 阻止默认验证:ev.preventDefault() formnova ...

  2. ES6入门系列 ----- 对象的遍历

    工作中遍历对象是家常便饭了,遍历数组的方法五花八门, 然而很多小伙伴是不是和我之前一样只会用for ...in.... 来遍历对象呢, 今天给大家介绍五种遍历对象属性的方法: 1, 最常用的for  ...

  3. 分析mybatis中 #{} 和${}的区别

    分析方法: 在 GenericTokenParser这个类的parse方法的这一行下个断点调试一下就明白了 builder.append(handler.handleToken(content)); ...

  4. druid获取不需要配置公钥私钥的密文,或者明文

    import com.alibaba.druid.filter.config.ConfigTools; /** * Created with IntelliJ IDEA on 2019/3/21. * ...

  5. 转:Oracle中SQL语句执行过程中

    Oracle中SQL语句执行过程中,Oracle内部解析原理如下: 1.当一用户第一次提交一个SQL表达式时,Oracle会将这SQL进行Hard parse,这过程有点像程序编译,检查语法.表名.字 ...

  6. Linux常用指定

    学前理论 linux主要特征 :一切且文件(目录.硬盘等都是文件):硬件都在/dev 目录,如硬盘.U盘为/dev/sd[a-d]: /dev/sr0(/dev/cdrom)是光驱的设备名(df命令查 ...

  7. 【目录】Jmeter系列

    为天地立心,为生民立命.为往圣继绝学,为万世开太平. ---<横渠四句>·张载 Jmeter(一)简介以及环境搭建 Jmeter(二)Jmeter目录介绍 Jmeter(三)Test-Pl ...

  8. 页面预加载loading动画,再载入内容

    默认情况下如果网站请求速度慢,所以会有一段时间的空白页面等等,用户体验效果不好,见到很多的页面都有预加载的效果,加载之前先加载一个动画,后台进程继续加载页面内容,当页面内容加载完之后再退出动画显示内容 ...

  9. json串加解密

    1.openssl 本身ssl加解密 2.自定义加解密字符串

  10. ANSI Common lisp1

    lisp(本文专指common lisp)语言简介 lisp程序员能够并且经常编写一些能够写程序的程序,对于程序生成程序的这种特性, 因为lisp是主流语言中唯一一个提供一些方便的抽象来让你完成这个任 ...