JavaScript：浅谈闭包

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript：浅谈闭包，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1936字，纯文字阅读大概需要3分钟。

内容图文

前言

在JavaScript这门语言中，有一个非常重要但又难以掌握，一个近乎神话的概念，闭包。如果你对词法作用域有一定的理解，那么闭包的概念几乎是不言自明了。
回忆我写了这么久的JavaScript代码却完全不理解闭包是什么，直到最近读了《浏览器原理》和《你不知道的js》才对闭包有一个比较清晰的认识。看完我的这篇文章，如果你能掌握闭包，必将功力大增。

理解闭包

定义：在JavaScript中，根据词法作用域的规则，内部函数总是可以访问其外部函数中声明的变量，当通过调用一个外部函数返回一个内部函数后，即使该外部函数
已经执行结束了，但是内部函数引用外部函数的变量依然保存在内存中，我们把这些变量的集合成为闭包。比如外部函数是foo，那么这些变量的集合就称为foo函数的闭包。
（不理解定义没关系，先往后看）
我们先看一段代码：

 function foo() {
            var a = 2

            function bar() {
                console.log(a) // 2
            }
            bar()
        }
        foo() // 2

这是个简单的函数嵌套的例子，基于词法作用域的查找规则，函数bar（）可以访问外部作用域中的变量a。
从技术上来讲，这也许是一个闭包，但如果根据定义来说，它并不是闭包（因为bar函数是在foo（）函数内部执行的）。最准确的解释应该是bar（）对a的引用的方法是词法作用域的查找规则，而这些规则只是闭包的一部分。
从纯学术的角度来讲，在上面的代码中，函数bar（）具有一个涵盖foo（）作用域的闭包。
但是通过这种方式定义定义的闭包并不能直接进行观察，也无法知道这个闭包是如何工作的。
再看下面这段代码：

function foo() {
            var a = 2

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

在这段代码中，我们将bar（）函数本身当作返回值，在foo（）执行后，其返回值赋值给变量baz（），实际上只通过不同的标识符引用调用了内部的函数bar（）。
bar显然能够正常被执行，但是它是在自己定义的词法作用域以外的地方执行的，在foo（）执行以后，通常期待foo（）的整个内部作用域都被销毁（Js引擎的垃圾回收机制）
但是因为闭包的存在，事实上内部作用域依然存在，因此没有被回收。谁在使用这个内部作用域？原来是bar（）本身在使用。现在再回头看闭包的定义，是不是就很明确了。
我们也可以通过“开发者工具”来看看闭包的情况，复制上段代码->在编辑器里面运行->F12->source,给console.log(a)打断点->刷新会看到：

右侧便是内存中闭包的情况。

内容总结

以上是互联网集市为您收集整理的JavaScript：浅谈闭包全部内容，希望文章能够帮你解决JavaScript：浅谈闭包所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端