闭包的理解

oliverhuang 发布于2019-08-20 18:34 / 2173人阅读

摘要：什么是闭包在维基百科上对与闭包的理解是这样的闭包是引用了自由变量的函数。则这些规则也是闭包的一部分。和函数具有涵盖模块实例内部作用域的闭包，当通过返回一个含有属性引用的对象方式来讲函数传递到词法作用域外部时，就创造了观察闭包的条件

什么是闭包

在维基百科上对与闭包的理解是这样的：闭包是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在，即使已经离开了创造它的环境也不例外。
在JavaScript中，我们可以这样理解：当函数可以记住并访问所在的词法作用域，即使函数是在当前的函数词法作用域之外执行，这是就产生了闭包

闭包的原理

要想理解闭包，首先要知道作用域的概念

理解作用域

作用域是根据名称查找变量的一套规则，例如

var a = 2

这个声明，会有两个过程，首先编译时，编译器会在当前作用于声明这个变量（如果之前没有声明过的话），其次，引擎会询问当前作用域是否有a这个变量，如果是，则将2赋值给它，如果否，则继续查找这个变量

作用域嵌套

当一个块或者一个函数嵌套在另一个块或函数里，就产生了作用域嵌套，在当前作用域查找不到变量时会在向上查找，就好比，一个高楼，我要去一个朋友家里，我要在第一层查找朋友家，但是如果没找到，就要去上一层，如果到达了顶层还没找到，我们就不会在继续查找了。

理解闭包

我们之前说过当函数可以记住并访问所在的词法作用域，即使函数是在当前的函数词法作用域之外执行，这是就产生了闭包
看一下下面的代码

    function foo(){
        var a = "dog";
        function bar(){
            console.log(a)
        }
        bar();
    }
    foo();

我们可以看到bar函数能够访问在foo函数里定义的a，但这只是闭包的一部分，bar对a的引用，可以看作是作用域的查找规则。则这些规则也是闭包的一部分。
那什么是真正的闭包的？

function foo(){
    var a = "dog";
    function bar(){
        console.log(a);
    }
    return bar
}
var baz = foo();
baz(); //dog

我们可以看到，bar函数可以访问foo函数的作用域内部，之后我们把bar本身当作返回值赋值给baz，通过baz的调用来执行bar函数，实际上就是根据不同的标识符来调用bar函数，达到在当前词法作用域外执行的目的。
当然无论以何种方式对函数类型的值进行传递，让函数在别处也能被调用到

function foo(){
    var name = "dog";
    function bar(){
        console.log(name);
    }
    baz(bar);
}
function baz(fn){
    fn();
}

闭包能干什么

我们可以通过来实现模块

function module(){
    var name = "dog";
    var age = 13;
    function SayName(){
        console.log(name);
    }
    function SayAge(){
        console.log(age);
    }
    return {
        SayName: SayName
        SayAge: SayAge
    }
}

var foo = module();
foo.SayName();  // dog
foo.SayAge(); // 13

这个模式在javascript中被称为模块
我们来分析一下这个代码，module函数返回一个对象，这个返回的对象保存了对内部函数而不是内部变量的引用，我们保持对数据的隐私且私有的状态，可以将这个对象类型的返回值看作是一个公共API。这个返回的对象类型我们赋值给了foo，之后通过foo来调用这个API的属性访问。SayAge()和SayName()函数具有涵盖模块实例内部作用域的闭包，当通过返回一个含有属性引用的对象方式来讲函数传递到词法作用域外部时，就创造了观察闭包的条件

GPU云服务器云服务器 js闭包的理解云计算的理解 cdn的理解对大数据的理解

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84700.html

多层级理解闭包

摘要：第二梯队理解有了第一梯队的认识，我们慢慢修正大脑中对闭包的认识。理解这句话就可以很好的与闭包这两个字关联起来理解闭包这个概念了。总结第二梯队理解闭包是一个有特定功能的函数。第四梯队理解闭包通过访问外部变量，一个闭包可以维持这些变量。闭包闭包的概念困惑了我很久，记得当时我面试的时候最后一面有一个问题就是问题关于闭包的问题，然而到现在已经完全不记得当时的题目是啥了，但仍然能够回忆起当时...

nemo 2019-08-22 10:40 评论0 收藏0
理解 JavaScript 闭包

摘要：如何在初学就理解闭包你需要接着读下去。这样定义闭包是函数和声明该函数的词法环境的组合。小结闭包在中随处可见。闭包是中的精华部分，理解它需要具备一定的作用域执行栈的知识。这是本系列的第 4 篇文章。作为 JS 初学者，第一次接触闭包的概念是因为写出了类似下面的代码： for (var i = 0; i < helpText.length; i++) { var item = he...

宠来也 2019-08-23 14:07 评论0 收藏0
谈谈我所理解的闭包，js、php、golang里的closure

摘要：当初看这个解释有点懵逼，理解成闭包就是函数中的函数了。里的闭包最近不满足于只干前端的活，开始用起了。里的闭包最近在学习语言，让我们来看一下语言里的闭包。在中，闭包特指将函数作为值返回的情况，被返回的函数引用了生成它的母函数中的变量。本人开始接触编程是从js开始的，当时网上很多人说闭包是难点，各种地方对闭包的解释也是千奇百怪。如今开始接触js以外的各种编程语言，发现不光是js，php、...

betacat 2019-06-28 13:52 评论0 收藏0
谈谈我所理解的闭包，js、php、golang里的closure

摘要：当初看这个解释有点懵逼，理解成闭包就是函数中的函数了。里的闭包最近不满足于只干前端的活，开始用起了。里的闭包最近在学习语言，让我们来看一下语言里的闭包。在中，闭包特指将函数作为值返回的情况，被返回的函数引用了生成它的母函数中的变量。本人开始接触编程是从js开始的，当时网上很多人说闭包是难点，各种地方对闭包的解释也是千奇百怪。如今开始接触js以外的各种编程语言，发现不光是js，php、...

zhoutao 2019-08-21 16:43 评论0 收藏0
简单理解JavaScript中的闭包

摘要：闭包在我理解是一种比较抽象的东西。所以我写了一篇博文来方便自己理解闭包。那么现在我们可以解释一下闭包的第一个定义在计算机科学中，闭包是引用了自由变量的函数。循环中创建闭包在我们使用的关键字之前，闭包的一个常见问题就出现在循环中创建闭包。零. 前言从我开始接触前端时就听说过闭包，但是一直不理解闭包究竟是什么。上网看了各种博客，大家对闭包的说法不一。闭包在我理解是一种比较抽象的东西。所...

sihai 2019-08-20 11:27 评论0 收藏0
理解Javascript的闭包

摘要：但是闭包也不是什么复杂到不可理解的东西，简而言之，闭包就是闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。可惜的是，并没有提供相关的成员和方法来访问闭包中的局部变量。 (收藏自技术狂) 前言：还是一篇入门文章。Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将...

dayday_up 2019-08-21 12:37 评论0 收藏0