javascript之闭包(closure)

闭包,这个名字好奇怪,
言归正传,先说一下js函数的变量作用域
以下例子全部基于局部变量

函数内部访问函数外部变量

demo1:

    var a = 100;
    function get() {
        console.log(a)
    }
    get();
    // 运行结果:100

在demo1例子中,变量a是在函数外部声明的,在函数get()当中是可以调用到的,调用get()函数,在浏览器控制台会输出100,也就是a的值。

函数外部访问函数内部声明的变量

demo2:

    function get() {
        var a = 100;
    }
    get();
    console.log(a);
    //运行结果:ReferenceError: a is not defined

在demo2例子中,变量a在函数get()中声明,执行函数get()执行之后,调用变量a,在控制台输出:ReferenceError: a is not defined(a没有被定义),可见,在函数外部是无法直接调用函数内部声明的变量的。
难道就没法获得到函数内部到变量来么?当然不是,这时候闭包就派上用场来,看如下代码:

    function get() {
        var a = 100;
        return function () {
            return a;
        }
    }
    var b = get();
    console.log(b);
    //运行结果:
    /* function () {
        return a;
    }*/
    console.log(b());
    // 运行结果:100

函数get()中返回一个函数,这个函数返回你想要获得到到变量,然后在函数外部就可以通过get()()就可以获得到函数内部到变量的值了,😄。

再来看阮老师博客里的两个例子:

    var name = "The Window";
    var object = {
        name : "My Object",
        getNameFunc : function(){
            return function(){
                return this.name;
            };
        }
    };
    console.log(object.getNameFunc()());
    //输出结果:    (编者注:什么也没有输出)
    var name = "The Window";
    var object = {
        name : "My Object",
        getNameFunc : function(){
            var _this = this;
            return function(){
                return _this.name;
            };
        }
    };
    console.log(object.getNameFunc()());
    //输出结果:My Object

拓展阅读:

阮一峰:学习Javascript闭包(Closure)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在Swift中引进了闭包Closure的概念,使用起来更加的方便和简洁了,下面让我们揭开它的神秘面纱,带你畅行它执...
    Qinz阅读 6,125评论 0 6
  • 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量...
    zock阅读 4,695评论 2 6
  • 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量...
    zouCode阅读 5,046评论 0 13
  • 这个人可能在同一个故事里,这些人也可能组成不同的故事。 他或他们穿梭在记忆里, 通过耳廓传入耳道, 再经由耳膜的振...
    众里那个人阅读 3,709评论 0 0
  • 张嘉佳有个摆渡人,那个明明相爱却非要分开的两个灵魂。那你知不知道还有一种隐形人,在阳光下透明,在黑夜里现身,...
    码字的黄小邪阅读 3,996评论 0 2

友情链接更多精彩内容