javascript的立即执行函数
在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的立即执行函数的更多相关文章
- Javascript的自执行函数
自执行函数其实也就是"立即执行的函数",它有四个特点:提高性能.利于压缩.避免冲突.依赖加载: 1.减少作用域查找 JS代码: // Anonymous function that ...
- JavaScript匿名自执行函数~function(){}
原博客:https://blog.csdn.net/yaojxing/article/details/72784774 1.匿名函数的常见场景 js中的匿名函数是一种很常见的函数类型,比较常见的场景: ...
- javascript js自执行函数
javascript 自执行函数 一.自执行函数几种写法: 写法一: ( function(){ //代码 } )(); 写法二: ( function(){ //代码 }()); 二.作用: 隔离 ...
- (转)扫盲--JavaScript的立即执行函数
看过jQuery源码的人应该知道,jQuery开篇用的就是立即执行函数.立即执行函数常用于第三方库,好处在于隔离作用域,任何一个第三方库都会存在大量的变量和函数,为了避免变量污染(命名冲突),开发者们 ...
- JavaScript/JQuery自执行函数
JavaScript中任何库与框架设计的第一个要点就是解决命名空间与变量污染的问题.jQuery就是利用了JavaScript函数作用域的特性,采用自执行函数包裹了自身的方法来解决这个问题.从jQue ...
- JavaScript 函数声明,函数表达式,匿名函数,立即执行函数之区别
函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使 ...
- javascript立即执行函数
javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花;当然,能理解各型各色的写法也是对javascript语言特性更进一步的深入理解. ( ...
- JavaScript 立即执行函数
js中(function(){…})()立即执行函数写法理解 javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法 ...
- JavaScript:立即执行的函数表达式
先要理解清楚几个概念: 以下转自:http://www.cnblogs.com/TomXu/archive/2011/12/31/2289423.html 问题的核心 当你声明类似functio ...
随机推荐
- PIE截图方法的优化
因为我们组的项目要通过截图获取数据,所以要经常使用截图工具,之前截图都是根据教程(https://www.cnblogs.com/PIESat/p/10243308.html)用的地图显示范围截图,而 ...
- ELK——Elasticsearch 搭建集群经验
本文内容 背景 ES集群中第一个master节点 ES slave节点 迁移到:http://www.bdata-cap.com/newsinfo/1712679.html 本文总结 Elastics ...
- FPM十:FORM Repeater
1.创建feeder class:ZCL_FPM_FORM_REP_DEMO 添加接口类: 2.新建全局内表: DATA:GT_QPGT TYPE TABLE OF QPGT. 3.实列化get_da ...
- 将积累多年的java学习资料,pdf文档给大家分享一下,比如《大话设计模式》《算法》《Linux私房菜》等等
话不多说,资料目录如下,需要的拿走,下载的同时别忘了点下推荐. 需要的点下面链接,到小编网盘进行下载: 2-大话设计模式.pdf 链接:https://pan.baidu.com/s/1b05puNO ...
- Django框架(十四)-- forms组件、局部钩子、全局钩子
一.什么是forms组件 forms组件就是一个类,可以检测前端传来的数据,是否合法. 例如,前端传来的邮箱数据,判断邮件格式对不对,用户名中不能以什么开头,等等 二.forms组件的使用 1.使用语 ...
- django2.2(一)
限制请求method 什么是method 1.通常客户端请求服务器获取资源为GET方式 2.客户端提交数据给服务器端数据为POST方式 method限制请求 如果要限制请求,比如客户端只允许用GET方 ...
- eclipse 将原工作空间配置导入新建工作空间
相信各位小伙伴使用eclipse开发的时候经常会遇到新建工作空间的时候, 但是每次新建工作空间之后都要重新配置空间.安装插件等等 笔者曾经对此问题很是绝望. . . 后发现新建的工作空间可以导入其他工 ...
- DVWA之命令执行
一.命令执行漏洞 命令执行漏洞是指可以随意执行系统命令,属于高危漏洞之一,也属与代码执行范围内,好比说一句话木马<?php@eval($_POST['cmd']);?> 二.分类: 1.代 ...
- MobiSystems OfficeSuite 3.60.27307
官网:https://www.mobisystems.com/ 或 https://www.officesuitenow.com/cn/ MobiSystems OfficeSuite 3.60.27 ...
- 201871010121-王方《面向对象程序设计(Java)》第四周学习总结
项目 内容 这个作业属于哪个课程 https://www.cnblogs.com/nwnu-daizh/ 这个作业的要求在哪里 https://www.cnblogs.com/nwnu-daizh/p ...