美文网首页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----闭包

    javascript之闭包 闭包的概念     闭包(closure)是 JavaScript 的一种语法特性。 ...

  • 学习JavaScript闭包和作用域笔记

    JS JavaScript闭包和作用域 闭包 JavaScript高级程序设计中对闭包的定义:闭包是指有权访问另外...

  • javascript中闭包是什么

    javascript中闭包是什么 JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。闭包就...

  • Javascript 闭包

    闭包 (注:所以案例以 javascript 实现) 初识闭包 什么是闭包 MDNClosures are fun...

  • 作用域闭包

    概览 背景知识:JavaScript内存管理、JavaScript作用域。 内容 1 闭包定义 闭包:当函数可以记...

  • JavaScript 作用域

    概览 背景知识:JavaScript内存管理、JavaScript作用域。 内容 1 闭包定义 闭包:当函数可以记...

  • 20170815 前端开发日报

    JavaScript闭包,只学这篇就够了 闭包不是魔法 这篇文章使用一些简单的代码例子来解释JavaScript闭...

  • JavaScript深入理解-闭包(Closure)

    推荐文章:学习Javascript闭包(Closure)- 阮一峰javascript深入理解-从作用域链理解闭包...

  • 闭包

    学习Javascript闭包(Closure)

  • JS之闭包与IIFE

    本篇文章主要讨论了: JavaScript引擎 全局对象 闭包 循环 + 闭包 IIFE + 闭包 1.JavaS...

网友评论

    本文标题:javascript闭包

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