JavaScript闭包代码示例及内存泄漏简单剖析

理解复杂问题的最好办法是用最简单最口语化的表达解释它。

什么是闭包？

假设我们定义了一个函数并调用它，调用结束后，函数内的变量也随即被释放。然而，如果该函数return出去的是另一个函数(而不是数值，字符串或一个键值对象等等)，那么我在调用外层函数之后再调用内层函数，就可以将外层函数的变量return到全局。

注意，我调用的是内层函数，return出去的却是外层函数的变量。

以上过程形成的程序逻辑叫做闭包。

那么什么是内存泄漏？

外层函数的变量被内层函数所引用和牵制，导致该变量无法被释放，无法被浏览器的垃圾回收器回收，就造成了内存泄漏。

function outer() {
    let param = '我在外层函数里';
  
    function inner() {
      console.log(param);
    }
  
    return inner;
}
let func = outer();
func();

上述代码中，param这个变量被inner函数所牵引，所以即便完成调用，param也仍然无法得到释放，而是留存在内存当中。

解决办法主要有两个：

1. 将闭包函数(内层函数)赋值为null。

代码如下：

function outer() {
    let param = '我在外层函数里';
  
    function inner() {
      console.log(param);
    }
  
    return inner;
}
let func = outer();
func();
func = null;    // 释放内存

2. 创建闭包的时候，给内层函数包一个立即执行函数。

代码如下：

function outerFunc () {
	let param = 'hello world';
	return (function () {
		return function innerFunc() {
			console.log(param);
		}
	})();
}
outerFunc()();

闭包的好处在于保护局部变量不被全局污染，也适用于模块化编程，但缺点就是可能导致的内存泄漏问题。

有说高版本webkit内核浏览器进行了改进，能够对闭包牵引的变量进行垃圾回收，但保险起见，如果用了闭包，请记得让你的程序保证避免出现内存泄漏风险。