前端 -＞ JavaScript闭包

详细查看菜鸟教程的笔记

JavaScript 闭包

<script>
var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();
function myFunction(){
    document.getElementById("demo").innerHTML = add();
}
</script>

理解:

自己对闭包的理解

看下面的代码:
严格来说
var add = (function () {
    var counter = 0;
    tempFunc = function () { return counter += 1; }
    return tempFunc
})();
return 的是一个子函数:
我们可以这么理解,第一个function是父函数,就是父类,有个子类
我们return的是一个子函数子类,其实并不是调了父类父函数
也就是父类被初始化了(属性被初始化),但是父类是没有真正被创建的
所以父类的counter被初始化后就一直在那里,一开始就是一个1
我们调用的是子类,所以counter会一直加,因为只会初始化一次,如果是真正的调用父类,那么counter每次都会刷新
所以形成了一个闭包的意思

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