今天学习闭包时进入的几个误区
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并不会因不同的变量调用而初始化而是一直累加。
而这通过对比体现了闭包的作用,当不同的变量调用闭包函数时会互不干扰。
以上为个人感悟,如有错误欢迎大佬指正