javascript闭包

今天,看到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代码向程序员们解释了闭包,大牛和功能型程序员请自行忽略。 译者...
    KX九五阅读 280评论 0 1
  • 概要 : 闭包是可访问上一层函数作用域里变量的函数,即使上一层函数已经关闭。 详情: 官方对闭包的解释是:一个拥有...
    LuckyJin阅读 222评论 0 0
  • javascript之闭包 闭包的概念     闭包(closure)是 JavaScript 的一种语法特性。 ...
    呦_小宋啊阅读 213评论 0 2
  • 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量...
    zouCode阅读 1,284评论 0 13
  • 我不知道大家有没有这样的忧患,网上的信息资源越来越多了,然而我们花费在检索上的时间却越来越长;淘宝上的货源越来越丰...
    产品范阅读 558评论 0 0