javascript闭包初探

JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。

一、全局变量&局部变量

函数可以访问由函数内部定义的变量，也可以访问函数外部定义的变量。

var gloablVariablee = 1;
function exampleFunction() {
    
    
    var localVariable = 2;
    return globalVariable * localVariable;
}

二、变量生命周期

全局变量的作用域是全局性的，即在整个JavaScript程序中，全局变量处处都在。

而在函数内部声明的变量，只在函数内部起作用。这些变量是局部变量，作用域是局部性的；函数的参数也是局部性的，只在函数内部起作用。对于其他的函数或脚本代码是不可用的。

三、闭包的概念

闭包就是一个函数引用另一个函数的变量，因为变量被引用着所以不会被回收，因此可以用来封装一个私有变量。这是优点也是缺点，不必要的闭包会增加内存消耗。（或者说：闭包就是子函数可以使用父函数的局部变量，还有父函数的参数。）
“闭包是可访问上一层函数作用域里变量的函数，即便上一层函数已经关闭。”——菜鸟教程

四、利用闭包实现计数器

var add = (function() {
    
    
    var counter = 0;
    return function() {
    
    
                    return counter += 1;
              }
})();
add();
add();
add();
//计数器为3

思维误区

每次调用add()都会重走一遍add()中的代码块。——这种想法是错误的。

正确的解

其实是function自运行一遍之后，将 return counter += 1 这段代码复制给add。后面每一次调用add()其实都是在调用 return counter += 1这段代码。
再结合文章上面所提到的，闭包会持有父方法的局部变量并且不会随父方法销毁，所以这个counter其实就是来自第一次function自执行时创建的变量。

深入探究

var tempFunc;
var add = (function () {
    
    
    var counter = 0;
    tempFunc = function () {
    
     return counter += 1; }
    return tempFunc
})();
function myFunction() {
    
    
    console.log("add === tempFunc : " + (add === tempFunc))
    console.log(add());
}
myFunction();

运行上面的代码我们可以发现确实如我们上面的分析一样。
这里写图片描述