学习Javascript闭包时的感悟

今天学习闭包时进入的几个误区

1.为什么函数本身调用和赋给变量时调用会有区别

 function a(){
    let n=0;
    return {
        con:function(){return n++}
    }
}
let c=a();
let d=a();
console.log(c.con());//0
console.log(c.con());//1
console.log(d.con());//0
console.log(d.con());//1
console.log(d.con());//2
console.log(a().con());//0
console.log(a().con());//0

一开始很疑惑不解为什么会有区别，都是调用同一函数为什么函数直接调用值不变，但用变量调用就会累加，后来单独输出c,d的时候发现了问题所在

c={con:function(){return n++}}
d={con:function(){return n++}}

这也就说明了为什么c,d会一直加而函数本身调用却没有变化的原因,
解析一下就是c,d被赋予了a执行后返回的对象函数,而也因为这样通过闭包特性
内部函数可以调用外部函数的变量所以最开始的n=0被带给了内部对象函数里所以这里n会累加形成n=0 1 2 3 4…而不是NaN.

后来思考了下怎么重写这样的函数其实无非作用域的问题，我们想做到同样的变化也可以在全局情况下var n1=0;然后写一个function add(n1){return n1++}即可。
但这样就有一个问题当不同的变量调用add()方法时全局变量n1并不会因不同的变量调用而初始化而是一直累加。
而这通过对比体现了闭包的作用，当不同的变量调用闭包函数时会互不干扰。

以上为个人感悟，如有错误欢迎大佬指正