js闭包的理解

EasonTyler 发布于2019-08-20 15:43 / 3445人阅读

摘要：一般来讲，函数执行完毕后，局部活动对象就会被销毁，内存中仅保存全局作用域，但是闭包的情况有所不同理解闭包的前提先理解另外两个内容作用域链垃圾回收作用域链当代码在执行过程中，会创建变量对象的一个作用域链。

闭包是javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包来实现。个人的理解是：函数中嵌套函数。

闭包的定义及其优缺点

闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数内部创建另一个函数。

闭包的缺点是常驻内存，会增大内存的使用量，使用不当会造成内存泄漏。

应用闭包主要是为了：设计私有变量和方法。

一般来讲，函数执行完毕后，局部活动对象就会被销毁，内存中仅保存全局作用域，但是闭包的情况有所不同！

理解闭包的前提先理解另外两个内容：作用域链、垃圾回收

作用域链：当代码在执行过程中，会创建变量对象的一个作用域链。作用域链的用途，是保证对执行环境有权访问的所有变量和函数的有序访问。
请看下面的一段代码：

//全局环境中有一个变量color和一个函数changeColor()
 var color = "blue";
        //changeColor()的局部环境中有一个anotherColor变量和swapColors()函数
        function changeColor() {
            var anotherColor = "red";
            //swapColors()环境中只有一个tempColor
            function swapColors() {
                var tempColor = anotherColor;
                anotherColor = color;
                color = tempColor;
            }
            swapColors();
        }

        changeColor();

全局环境只能访问到变量color
changeColor()局部环境也可以访问color
swapColors()可以访问其他两个环境的所有变量，但是那两个变量都无权访问tempColor

总结：内部环境可以通过作用域链访问所有的外部环境，但外部环境不能访问内部环境中的任何变量和函数。每个环境都可以向上搜索作用域链，但任何环境都不能向下搜索作用域链而进入另一个执行环境。

垃圾回收原理

(1)javascript中如果一个对象不再被引用，那么这个对象就会被回收。
(2)如果两个对象互相引用，而不再被第3者引用，那么这两个互相引用的对象也会被回收。

嵌套函数的闭包

var f = function () {
            var a = 9999;
            function f1() {
                alert(a);
            }
            f1();
        };
        f();

函数嵌套时候，在f执行完成之后，变量a还要被f1这个内部嵌套的函数继续使用，因此a不会被释放。js解析器发现函数中嵌套了函数时，就会把函数中的变量和子函数的变量一起保存，构成了一个“闭包”。这些变量不会被内存回收器回收，只有当内部嵌套的函数不在执行后，才会被回收。

闭包的特性和使用闭包的好处

闭包有三个特性：
1.函数嵌套函数
2.函数内部可以引用外部的参数和变量
3.参数和变量不会被垃圾回收机制回收

使用闭包的好处：
1.希望一个变量长期驻扎内存
2.避免全局变量污染
3.私有成员变量的存在

闭包案例

属性

var person = function () {
            var name = "kimi";
            this.getName = function () {
                return name;
            };

        };
        var p = new person();
        alert(p.getName());

name属性通过getName方法获取到。

在循环中直接找到对应元素的索引

执行以上代码发现点击任何一个返回的都是4，这是因为赋值的时候，传的i是对内存地址的引用，循环结束，i指向的就是4.

使用闭包改写上面的代码

每一次循环的时候，都把当前的i通过立即执行函数赋值。

变量的累加

全局变量的累加

局部变量的累加

上述代码没有实现累加，改写代码如下：

模块化代码，减少全局变量的污染

this对象

在闭包中使用this对象可能导致一些问题

代码先创建了一个全局变量name，又创建了一个包含name属性的对象。这个对象还包含一个getNameFunc()方法，返回一个匿名函数，匿名函数又返回一个this.name。调用object.getNameFunc()()返回一个字符串。内部函数搜索的时候只搜索到活动对象。

在定义匿名函数前，把this对象赋值给that变量，闭包也可以访问这个变量。即使函数返回，仍然引用着object

学习了闭包也不知道到底哪里用到，到底有什么用。回答：(其实你写的每一个js函数都是闭包，一个js函数的顶层作用域就是window对象，js的执行环境本身就是一个scope（浏览器的window/node的global），我们通常称之为全局作用域。每个函数，不论多深，都可以认为是全局scope的子作用域，可以理解为闭包。)

本篇文章是自己学习过程中的总结，如有错误欢迎指正。

GPU云服务器云服务器 js闭包的理解 js闭包 js面试闭包如何回答 js闭包qq空间

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

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

谈谈我所理解的闭包，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 闭包

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

宠来也 2019-08-23 14:07 评论0 收藏0
JavaScript中的闭包

摘要：闭包引起的内存泄漏总结从理论的角度将由于作用域链的特性中所有函数都是闭包但是从应用的角度来说只有当函数以返回值返回或者当函数以参数形式使用或者当函数中自由变量在函数外被引用时才能成为明确意义上的闭包。文章同步到github js的闭包概念几乎是任何面试官都会问的问题,最近把闭包这块的概念梳理了一下,记录成以下文章。什么是闭包我先列出一些官方及经典书籍等书中给出的概念,这些概念虽然...

HmyBmny 2019-08-21 17:07 评论0 收藏0
js 变量提升和闭包理解

摘要：变量的作用域无非就是两种全局变量和局部变量。其中内部函数中可以访问外部函数的变量，是因为内部函数的作用域链中包含了外部函数的作用域也可以理解为内部函数的作用范围辐射到了外部函数的作用范围另一方面，在函数外部自然无法读取函数内的局部变量。以前学习的时候，了解过变量提升和闭包，但是没有深入了解，网上查了资料，这里记录下，只供参考。部分内容引用： https://www.cnblogs.c...

luoyibu 2019-08-22 15:16 评论0 收藏0