js 闭包的认知提升

2022-05-18 22:00:59 阅读：142 来源： 互联网

标签：闭包 function return 认知 js arg console useCounter

function counter (arg){
    return function(){
        return {
            add:function(){
                arg++
                console.log(arg)
            },
            min: function() {
                arg--
                console.log(arg)
            }
        }
    }
}
const useCounter = counter(100)

for(let i = 0;i<10;i++){
    useCounter().add()
}
for(let i = 0;i<2;i++) {
    useCounter().min()
}
// > 101
// > 102
// > 103
// > 104
// > 105
// > 106
// > 107
// > 108
// > 109
// > 110
// > 109
// > 108

　　函数内部的值的被return的函数使用，然后被赋值在useCounter上保留，这才能保证内部的arg参数不被销毁，一转我以往以为闭包只是函数使用来自外部变量的认知。

标签：闭包,function,return,认知,js,arg,console,useCounter
来源： https://www.cnblogs.com/timeObserver/p/16286480.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

js 闭包的认知提升