JS中立即执行函数和闭包的区别

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

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