深入理解javascript原型和闭包（14）——从【自由变量】到【作用域链】

以你之姓@ 2022-06-13 08:19 145阅读 0赞

# [深入理解javascript原型和闭包（14）——从【自由变量】到【作用域链】][javascript_14] #

先解释一下什么是“自由变量”。

在A作用域中使用的变量x，却没有在A作用域中声明（即在其他作用域中声明的），对于A作用域来说，x就是一个自由变量。如下图

![251447094515754.png][]

如上程序中，在调用fn()函数时，函数体中第6行。取b的值就直接可以在fn作用域中取，因为b就是在这里定义的。而取x的值时，就需要到另一个作用域中取。到哪个作用域中取呢？

有人说过要到父作用域中取，其实有时候这种解释会产生歧义。例如：

![251447377485132.png][]

所以，不要在用以上说法了。相比而言，用这句话描述会更加贴切——要到创建这个函数的那个作用域中取值——是“创建”，而不是“调用”，切记切记——其实这就是所谓的“静态作用域”。

对于本文第一段代码，在fn函数中，取自由变量x的值时，要到哪个作用域中取？——要到创建fn函数的那个作用域中取——无论fn函数将在哪里调用。

上面描述的只是跨一步作用域去寻找。

如果跨了一步，还没找到呢？——接着跨！——一直跨到全局作用域为止。要是在全局作用域中都没有找到，那就是真的没有了。

这个一步一步“跨”的路线，我们称之为——作用域链。

我们拿文字总结一下取自由变量时的这个“作用域链”过程：（假设a是自由量）

第一步，现在当前作用域查找a，如果有则获取并结束。如果没有则继续；

第二步，如果当前作用域是全局作用域，则证明a未定义，结束；否则继续；

第三步，（不是全局作用域，那就是函数作用域）将创建该函数的作用域作为当前作用域；

第四步，跳转到第一步。

![251448515607115.png][]

以上代码中：第13行，fn()返回的是bar函数，赋值给x。执行x()，即执行bar函数代码。取b的值时，直接在fn作用域取出。取a的值时，试图在fn作用域取，但是取不到，只能转向创建fn的那个作用域中去查找，结果找到了。

这一节看似很轻松的把作用域链引出来，并讲完了。之所有轻松是有前几节的基础，否则将很难解释。

接下来咱们开始正式说说一直期待依旧的朋友——闭包。敬请期待下一节。

[javascript_14]: http://www.cnblogs.com/wangfupeng1988/p/3992795.html
[251447094515754.png]: /images/20220613/eb6a4ba737ea42abb2950892c0d83ab6.png
[251447377485132.png]: /images/20220613/f0d7bf60876b4b55b755fd282708cd16.png
[251448515607115.png]: /images/20220613/4e2544995b554a6f84435324745b527a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，145人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript闭包（作用域和作用域链）

JavaScript 的作用域是通过函数来形成，也就是说一个函数内定义的变量，函数外是不可以访问。让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量，不同作用

迈不过友情╰/ 2022年12月15日 00:57/ 0 赞/ 234 阅读

相关深入理解javascript原型和闭包（12）——简介【作用域】

[深入理解javascript原型和闭包（12）——简介【作用域】][javascript_12] 提到作用域，有一句话大家（有js开发经验者）可能比较熟悉：“javas

小咪咪/ 2022年06月13日 08:19/ 0 赞/ 187 阅读

相关深入理解javascript原型和闭包（13）-【作用域】和【上下文环境】

[深入理解javascript原型和闭包（13）-【作用域】和【上下文环境】][javascript_13_-] 上文简单介绍了作用域，本文把作用域和上下文环境结合起来说

刺骨的言语ヽ痛彻心扉/ 2022年06月13日 08:19/ 0 赞/ 187 阅读

相关深入理解javascript原型和闭包（14）——从【自由变量】到【作用域链】

[深入理解javascript原型和闭包（14）——从【自由变量】到【作用域链】][javascript_14] 先解释一下什么是“自由变量”。在A作用域中使用的变量

以你之姓@/ 2022年06月13日 08:19/ 0 赞/ 146 阅读

相关深入理解javascript原型和闭包

[深入理解javascript原型和闭包（8）——简述【执行上下文】上][javascript_8] 什么是“执行上下文”（也叫做“执行上下文环境”）？暂且不下

痛定思痛。/ 2022年06月13日 08:18/ 0 赞/ 275 阅读

相关 JavaScript关于作用域、作用域链和闭包的理解

作用域先来谈谈变量的作用域变量的作用域无非就是两种：全局变量和局部变量。全局作用域：最外层函数定义的变量拥有全局作用域，即对任何内部函数来说，都

客官°小女子只卖身不卖艺/ 2022年05月30日 10:21/ 0 赞/ 258 阅读

相关从 JavaScript 的作用域链到闭包

> 文章是本人大三期间的学习笔记，一些论断取自书籍和网上博客，碍于当时的技术水平有一些写得不够好的地方，可以在评论处理智讨论~ > 分享一篇关于作用域链的文章，加上之前对执行

约定不等于承诺〃/ 2022年05月28日 06:42/ 0 赞/ 183 阅读

相关高性能JavaScript---作用域链, 闭包, 原型, 原型链

作用域链及和标识符解析每一个JavaScript函数都表示为一个对象, 要确切的说, 是Function对象的一个实例. Function对象同其他对象一样, 拥有可以

快来打我*/ 2022年05月14日 04:14/ 0 赞/ 190 阅读

相关深入理解javascript原型和闭包（14）——从【自由变量】到【作用域链】

[https://www.cnblogs.com/wangfupeng1988/p/3994065.html][https_www.cnblogs.com_wangfupeng

淡淡的烟草味﹌/ 2022年04月18日 03:51/ 0 赞/ 175 阅读

相关 javascript系列--javascript深入理解--作用域，作用域链，闭包的面试题解

一、概要作用域和作用域链是js中非常重要的特性，关系到理解整个js体系，闭包是对作用域的延伸，其他语言也有闭包的特性。那什么是作用域？作用域指的是一个变量和函数的作

灰太狼/ 2022年01月12日 02:43/ 0 赞/ 278 阅读