美文网首页html5
javascript闭包

javascript闭包

作者: 会飞的猪姥姥 | 来源:发表于2016-04-27 12:45 被阅读213次

    今天,看到javascript闭包,仔细想想,闭包是一种思想,一种技巧,其他语言应该也可以实现闭包的功能。


    为什么需要闭包?

    设想一下,如果你需要统计一些数值,且该计数器应该在所有函数都有效。那么,通常第一反应是定义一个全局变量。

    var counter = 0;

    function add() {

            counter += 1;

           return counter;

    }

    add();

    add();

    但是问题来了,cunter是全局变量,这意味着不经过add()函数,也可以修改counter的值。那么,我们应该把counter定义为add()函数的局部变量,这样才符合我们的本意,调用了add()函数,counter加一。

    function add() {

            var counter = 0;

            counter += 1;

            return counter;

    }

    add();

    add()

    这样,又有问题啊,counter是局部变量,这意味着它只能活在add()函数里,对吧。每次调用add(),counter会重新定义为0。

    悲剧了,怎么办?

    闭包闪亮登场!!


    javascript闭包

    var add = (function () {

            var counter = 0;

            return function() {

                    return counter += 1;

            }

    }) ();

    add();

    add()

    上面的代码看着很熟悉吧?函数的自我调用,外层的function()调用之后返回值赋值给add,返回的是什么?function(){return counter += 1}; 返回的是一个函数,那么add就是一个函数了。add()就是调用function(){return counter += 1},counter对于这个函数是可见的,所以就实现了我们的目标:计数器, 这个计数器只能通过add()修改。

    javascript闭包是得益于函数可以赋值给一个变量,从而我们可以在全局调用计数功能的内嵌函数(function(){return counter += 1;})。

    相关文章

      网友评论

        本文标题:javascript闭包

        本文链接:https://www.haomeiwen.com/subject/njscrttx.html