函数声明
规则:必须指定一个函数名字

foo();
function foo() {
console.log("函数声明")
}

由于函数声明会被提升,所以调用函数可以在之前或之后调用

函数表达式
规则:将函数赋值给一个变量

var foo = function () {
console.log("函数表达式")
}
foo()

由于函数表达式,只会对变量foo进行提升,只有运行到代码处,才会对变量foo进行赋值,所以调用函数必须在函数表达式之后

立即执行函数
常用的两种方式

(function () {
console.log("立即执行函数")
})(); (function () {
console.log("立即执行函数")
}())

立即执行函数的演变
1:在函数表达式后加括号,可以立即执行函数

var foo = function () {
console.log("立即执行函数")
}();

2:在匿名函数后加括号,不可以立即执行函数

function () {
console.log("立即执行函数")
}();

在函数表达式后加括号可以立即执行函数,但如果不把匿名函数赋值给变量,而直接在后边加一个括号,则会报语法错误。因为当JS引擎在遇到function时,会默认把它当作是函数声明,所以必须要有一个函数名

3:在函数声明后加括号,不可以立即执行函数

function foo() {
console.log("立即执行函数")
}()

如果给匿名函数添加一个函数名,也就变成了函数声明,然后在函数声明后加括号,也会报语法错误,因为函数声明会被提升,当提升后就相当于在代码中只写了一对括号,而这个括号和前面的函数声明又没什么关系,所以语法报错

javascript中,括号内不允许包含语句,但可以是表达式
引擎先遇到括号,然后遇到关键字function , 就自动把括号里面的代码识别为函数表达式,而不是函数声明,所以立即执行函数可以这样写(function(){})()

闭包
定义:内部函数被外部函数以外的变量引用时,就形成了一个闭包
常用方式示例:

function foo() {
var num = 10;
return function () {
var age= 20;
console.log(++num);
console.log(++age);
}
}
var f = foo();
f(); //11 21
f(); //12 21

通过闭包就可以让外部作用域访问函数内部作用域的变量,我们知道当函数执行完以后,会立即销毁,但 foo 函数内的 num 属性被内部的匿名函数引用着,而内部函数又被外部变量 f 引用着,所以函数 foo 在执行完以后虽然会立即销毁,但它内部的匿名函数在创建的时候就会随之创建一个特殊的容器,用于保存 上层作用域 中 变量 的引用,所以foo 函数中的 num 并不会销毁,当执行第一次 f() 时,会创建 f() 对应的作用域,其中num 会从之前创建的特殊的容器中取出上层作用域中变量的值,而 age 会立即声明一个,当函数执行完毕后,就会销毁对应的作用域,此时 age 也会随之销毁,但变量 f 对应的指针地址不会变,当再次执行 f() 时,又会再创建一个 f() 对应的作用域,num 还是会从上层作用域中拿,但 age 还是会重新声明,使用完后还是会被销毁。
很显然这样会一直持有对 num 的引用,无法进行回收,造成内存占用,所以当不使用时,可以把 f 置为null,来让垃圾回收器进行回收。

在Javascript中,如果一个对象不再被引用,那么这个对象就会被GC回收。
如果两个对象互相引用,而不再被第3者所引用,那么这两个互相引用的对象也
会被回收。因为函数a被b引用,b又被a外的c引用,这就是为什么函数a执行后
不会被回收的原因

闭包优点和缺点

优点

减少全局变量的使用,保证了内部变量的安全,同时外部函数也可以访问内部函数的变量
在内存中维持一个变量,也可以用作缓存
缺点

被引用的内部变量不能被销毁,增大了内存消耗,使用不当易造成内存泄露,解决办法可以在内部变量不使用时,把外部的引用置为 null
闭包就是函数间的跨作用域访问,会导致性能损失
立即执行函数和闭包的区别
立即执行函数和闭包没有关系,虽然两者会经常结合在一起使用,但两者有本质的不同

立即执行函数只是函数的一种调用方式,只是声明完之后立即执行,这类函数一般都只是调用一次(可用于单例对象上),调用完之后会立即销毁,不会占用内存

闭包则主要是让外部函数可以访问内部函数的作用域,也减少了全局变量的使用,保证了内部变量的安全,但因被引用的内部变量不能被销毁,增大了内存消耗,使用不当易造成内存泄露

立即执行函数与闭包常结合示例

如:单例

let single = (function () {
let name = "小明";
let age = 20;
return {
getName: function () {
return name;
},
getAge: function () {
return age;
}
}
})();
console.log(single.getName()); //小明
console.log(single.getAge()); //20

给对象创建了私有变量name、age又对外提供了获取的方法,典型的自执行函数和闭包结合使用的示例

原文链接:https://blog.csdn.net/Liu_yunzhao/article/details/90641956

JS中立即执行函数和闭包的区别的更多相关文章

  1. js中自执行函数(function(){})()和(function(){}())区别

    方式一,调用函数,得到返回值.强制函数直接量执行再返回一个引用,引用在去调用执行方式二,调用函数,得到返回值.强制运算符使函数调用执行(function(){})(); 是 把函数当作表达式解析,然后 ...

  2. JS中立即执行函数的理解

    1.匿名函数不能单独定义,必须进行赋值操作或者立即执行,否则会被JS引擎定义为语法错误 function(){alert(dada);} VM229:1 Uncaught SyntaxError: U ...

  3. js中立即执行函数写法理解

    在理解了一些函数基本概念后,回头看看( function(){…} )()和( function (){…} () )这两种立即执行函数的写法,最初我以为是一个括号包裹匿名函数, 并后面加个括号立即调 ...

  4. js中自执行函数写法

    //自执行写法1 (function T(){ alert(1) })() //自执行写法2 var T1=function(){ alert(1) }(); //传值 var para1={a:1; ...

  5. js中的匿名函数和匿名自执行函数

    1.匿名函数的常见场景 js中的匿名函数是一种很常见的函数类型,比较常见的场景:   <input type="button" value="点击" id ...

  6. js循环函数中的匿名函数和闭包问题(匿名函数要用循环中变量的问题)

    js循环函数中的匿名函数和闭包问题(匿名函数要用循环中变量的问题) 一.总结 需要好好看下面代码 本质是因为匿名函数用到了循环中的变量,而普通方式访问的话,匿名函数的访问在循环之后,所以得到的i是循环 ...

  7. js中如何在一个函数里面执行另一个函数

    1.js中如何在函数a里面执行函数b function a(参数c){ b(); } function b(参数c){ } 方法2: <script type="text/javasc ...

  8. 聊一下JS中的作用域scope和闭包closure

    聊一下JS中的作用域scope和闭包closure scope和closure是javascript中两个非常关键的概念,前者JS用多了还比较好理解,closure就不一样了.我就被这个概念困扰了很久 ...

  9. 对js中局部变量、全局变量和闭包的理解

    对js中局部变量.全局变量和闭包的理解 局部变量 对于局部变量,js给出的定义是这样的:在 JavaScript函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它.(该变量的作用域 ...

  10. js中的回调函数的理解和使用方法

    js中的回调函数的理解和使用方法 一. 回调函数的作用 js代码会至上而下一条线执行下去,但是有时候我们需要等到一个操作结束之后再进行下一个操作,这时候就需要用到回调函数. 二. 回调函数的解释 因为 ...

随机推荐

  1. WinNTSetup V5.3.0 Bata5 单文件版

    前言 WinNTSetup 是一款Windows系统硬盘安装器,支持从PE和本地安装系统,支持支持NT内核的系统. WinNTSetup 包括XP.Win7.Win8.Win8.1.Win10等这些系 ...

  2. 为什么sleeping的会话会造成阻塞

    背景 客户反映HIS数据库每天22点后都会发生阻塞,阻塞的源头是一个sleeping的会话,越阻塞越多,只能通过手动KILL掉才能解决,十分不解为什么状态为sleeping的会话会造成阻塞. 现象 在 ...

  3. 【DS】1.2

    top-iron man   算法 效率度量 时间T=T(n) 1.顺序忽略2.只选一个基本操作分析3.多层嵌套只考虑最深的循环循环了几次  test1: test2: 空间   原地工作:算法所需内 ...

  4. 学习Java Day26

    今天看书学习JAR文件,但是看了半天并没有看懂,于是借助了B站学习了JAR文件的创建及其中的一些jar程序选项该怎么使用

  5. Spring Cloud Openfeign Get请求发生405错误

    kust-retrieve服务 @Resource private AuthFeignService authFeignService; @ApiOperation("获取用户信息" ...

  6. Apache Hudi 流转批 场景实践

    背景 在某些业务场景下,我们需要一个标志来衡量hudi数据写入的进度,比如:Flink 实时向 Hudi 表写入数据,然后使用这个 Hudi 表来支持批量计算并通过一个 flag 来评估它的分区数据是 ...

  7. [代码审计基础 04]ssrf漏洞的利用&伪协议

    ssrf漏洞的利用&伪协议 0x1 SSRF原理解析 什么是ssrf SSRF (Server-Side Request Forgery,服务端请求伪造)是指攻击者向服务端发送包含恶意URL链 ...

  8. CF1250C Trip to Saint Petersburg

    题目传送门 思路 线段树入门题. 不妨固定一个右端点 \(r\),把所有右端点小于 \(r\) 的区间都在 \(1\) 至此区间的左端点处 update 一个 \(p\),然后每次都给区间 \(1\) ...

  9. PostGIS之线性参考

    1. 概述 PostGIS 是PostgreSQL数据库一个空间数据库扩展,它添加了对地理对象的支持,允许在 SQL 中运行空间查询 PostGIS官网:About PostGIS | PostGIS ...

  10. helm在k8s上部署Elasticsearch和Kibana

    前提 在win上安装docker desktop,没有网络限制,而且,打开kubernetes之后,很快就安装启动好了. 在win上安装scoop,有网络限制,需要访问github raw的文件内容, ...