JavaScript闭包详细讲解(含案例)

最新推荐文章于 2025-06-09 09:31:09 发布

司_尘

最新推荐文章于 2025-06-09 09:31:09 发布

阅读量2.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： JavaScript闭包作用域链立即执行函数

本文链接：https://blog.youkuaiyun.com/qq_40833779/article/details/88254789

小编上一篇博客所介绍的预编译问题，主要是给大家强调js中AO、GO对象，而这所有的都是为了闭包做一个铺垫，经历了一天的倒腾跟进化了一样，话不多说开始今天的分享，每一个知识点都会有实际案例，希望对大家有帮助。

一、作用域链scope

在介绍闭包之前我们要了解这样的一个东西——作用域链，在js代码执行时，所产生的的AO、GO对象存储在一个作用域链之中，我们把scope想象成一个数组每一个函数运行所产生的对象以入栈的方式存储在其中，那么当函数运行时就是在作用域链头往后去寻找对应值，且当函数运行完后会丢弃其本身AO，所有函数共用一个作用域链。

案例：

   function a(){
            var aa=123;
            function b(){
               console.log(aa);
            }
            b();
        }
        a();

那么答案当然很明显是返回aa的值但其中所经历的过程较为复杂（这边只是将scope看做数组方便理解实际不是）：

a 执行> scope →0:a的AO 1:GO

b 执行> scope →0:b的AO 1:a的AO 2:GO (那么b执行访问操作依次寻找到a:AO 中找到结果输出)

b 执行结束> scope →0:a的AO 1:GO

a 执行结束> scope →0:GO (GO全局对象显然一直存在)

强调：小编这边特地是用的箭头我们将scope理解为一个固定区域，而执行函数时向他添加对象，寻找对象时指向他去索引，函数执行完同样在其中将自身内容消除。

二、闭包

概念：将内部函数保存到外部时会产生闭包