首页 > Web开发 > 详细

对js闭包的理解

时间:2019-11-25 23:55:09      阅读:138      评论:0      收藏:0      [点我收藏+]

  个人理解 闭包:函数内部定义一个函数,内部函数可以访问外包函数定义的变量。

  闭包的特点:变量长驻内存

  demo实现一个类似函数调用计数器功能:

        function fn(){
            var c = 0;
            function inner(){
                c += 1;
                console.log(c)
            }
            return inner;
        }
        var f1 = fn();
        f1(); // 1
        f1(); // 2  c没有被释放,长驻内存

 

       使用场景1:给setTimeout引用的函数传递参数(setTimeout的第一个参数只能是函数的引用)

        function laterCall(a){
            return function(){
                console.log("a:",a)
            }
        }
        var fn2 = laterCall(123);
        setTimeout(fn2,1000)

  使用场景2:模拟私有成员

    var module1 = (function(){
        var a = 1;
        var addOne = function(){
            a += 1;
            return a
        };
        var subOne = function(){
            a -= 1;
            return a
        };
        return{
            addOne:addOne,
            subOne:subOne
        }
    })();
    
    module1.addOne()
    module1.subOne()

使用场景3:实现面向对象

    function User(name){
        this.say = function(){
            console.log("hello "+ name);
        }
    }
    var user = new User("frank");
    user.say();

 

 

 

 

对js闭包的理解

原文:https://www.cnblogs.com/jlyuan/p/11932207.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!