作用域和作用域链是所有JavaScript开发人员每天都要接触和应用的内容。不管是面试中的作用域链的面试考察，还是日常代码研发中变量与作用域链的构建，它的身影几乎无处不在。它就像一顶优秀厨师的厨师帽，只要我们走进厨房，我们就要将它整理好，套在头上。没有它整洁干净的戴在头上，你就不是一名好的JavaScript工程师。
在进行闭包讲解之前，我们需要对一些前置知识点，做一些简单的介绍：何为作用域 和 词法作用域。只有在了解了这些概念，我们才会对闭包的认识有的放矢。
“作用域”我们知道是一套规则，用来管理引擎如何在当前作用域以及嵌套的子作用域中根据标识符名称进行变量查找。
作用域共有两种主要的工作模式，第一种最为普遍，被大多数编语言所采用的词法作用域，另一种叫做动态作用域，仍有一些编程语言在使用（Bash脚本、Perl中的一些模式等）
为什么我们需要理解并且掌握闭包，且不说大道理，就问你要不要成为JavaScript高手？不要？那你要不要面试找工作嘛。。。
为什么区分LHS和RHS很重要： 因为在变量还没声明时这两种查询的行为是不同的。RHS在在所有作用域中查询失败会报出RerferenceError异常，LHS则会创建出一个新的变量（非严格模式下）。
在 JavaScript 作用域不完全指北中，我们介绍了作用域的概念以及 JavaScript 引擎、编译器和作用域的关系。作用域有两种主要的工作模型：词法作用域和动态作用域。其中最为普遍的也是大多数编程语言所采用的是词法作用域，我们主要对其进行研究学习。
javascript是一门很有意思的编程语言，融合了很多编程语言的特点。上手特别容易，使用javascript开发项目也是很轻松的一件事。但是当你深入其中，你会遇到很多不太好理解的概念，比如闭包、this指向引用、原型链之类。这些模糊的概念，隐藏着javascript微妙之处；真正搞懂这些知识，对于理解javascript之门语言有很大的帮助。本文不讲javascript如何使用，主要是关于javascript中一些难点的分析和理解。
闭包（Closure）又称为词法闭包和函数闭包，由函数创造的一个词法作用域，创建在词法作用域的变量被引用后，可以在这个词法环境之外使用。
大部分标准语言编译器的第一个工作阶段叫做词法化。词法化的过程会对源代码中的字符进行检查，如果是有状态的解析过程，还会赋予单词语义。
作用域与作用域链本应该是一个非常简单的概念。可是在近两年多的留言中，我发现这些概念反而成为了大多数人想不明白的点，而感到困惑的原因在于，别的文章里，常常会提到词法作用域，词法分析等概念，到底是什么东西？好像跟我说的有一点不一样，但又不知道哪里不对？
尽管通常将 JavaScript 归类为“动态” 或“解释执行” 语言， 但事实上它是一门编译语言。 程序中的一段源代码在执行之前会经历三个步骤， 统称为“编译”
在 JavaScript 中，作用域是指变量在代码中可访问的范围。理解 JavaScript 的作用域和作用域链对于编写高质量的代码至关重要。本文将详细介绍 JavaScript 中的词法作用域、作用域链和闭包的概念，并探讨它们在实际开发中的应用场景。
版权声明：本文为吴孔云博客原创文章，转载请注明出处并带上链接，谢谢。 https://blog.csdn.net/wkyseo/article/details/53636285
将词法单元流（数组）转换成一个由元素逐级嵌套所组成的代表了程序语法结构的树（Abstract Syntax Tree，AST，抽象语法树）。
变量的词法作用域(简称:作用域)是程序中可以访问变量的区域。通俗地理解，作用域就是变量与函数的可访问范围，即作用域控制着变量和函数的可见性和生命周期。
当一个块或函数嵌套在另一个块或函数中时，就发生了作用域的嵌套。作用域嵌套的查询规则：
程序设计的概念：一段程序代码中所用到的名字并不总是有效/可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。
几乎所有编程语言最基本的功能之一，就是能够储存变量当中的值，并且能在之后对这个值进行访问或修改。事实上，正是这种储存和访问变量的值的能力将状态带给了程序。
JavaScript 在运行过程中与其他语言有所不一样，如果不理解 JavaScript 的词法环境、执行上下文等内容，很容易会在开发过程中产生 Bug，比如this指向和预期不一致、某个变量不知道为什么被改了，等等。所以今天我们就来聊一聊 JavaScript 代码的运行过程。
一、作用域 作用域共有两种主要的工作模型：第一种是最为普遍的，被大多数编程语言所采用的词法作用域，另外一种叫作动态作用域； JavaScript所采用的作用域模式是词法作用域。 1.词法作用域 词法作用域意味着作用域是由书写代码时函数声明的位置来决定的。编译的词法分析阶段基本能够知道全部标识符在哪里以及是如何声明的，从而能够预测在执行过程中如何对它们进行查找。 JavaScript 中有两个机制可以“欺骗”词法作用域： eval(..)：可以对一段包含一个或多个声明的“代码”字符串进行演算，并借此来修
一个声明语句将程序中的实体和一个名字关联，比如一个函数或一个变量。声明语句的作用域是指源代码中可以有效使用这个名字的范围。
谈起闭包，它可是JavaScript两个核心技术之一(异步和闭包),在面试以及实际应用当中，我们都离不开它们，甚至可以说它们是衡量js工程师实力的一个重要指标。下面我们就罗列闭包的几个常见问题，从回答问题的角度来理解和定义你们心中的闭包。
解析：词法作用域让 foo() 中的 a 通过 RHS 引用用到了全局作用域中的 a，因此会输出 1.
通过下面的思维导图，我们先对JavaScript的函数作用域、闭包一些基本的了解。
JavaScript 中有两个机制可以“欺骗”词法作用域：eval(..) 和 with。 前者可以对一段包 含一个或多个声明的“代码”字符串进行演算，并借此来修改已经存在的词法作用域（在 运行时）。 后者本质上是通过将一个对象的引用当作作用域来处理，将对象的属性当作作 用域中的标识符来处理，从而创建了一个新的词法作用域（同样是在运行时）。
在当前的作用域中找不到某个变量时，引擎就会在外层嵌套的作用域中继续查找，直到找到 或 到达最外层作用域（全局作用域）为止。
在上一篇文章 深入理解JavaScript 执行上下文 中提到 只有理解了执行上下文，才能更好地理解 JavaScript 语言本身，比如变量提升，作用域，闭包等，本篇文章就来说一下 JavaScript 的作用域。
执行上下文就是当前 JavaScript 代码被解析和执行时所在环境的抽象概念， JavaScript 中运行任何的代码都是在执行上下文中运行。
LHS (Left-hand Side) 和 RHS (Right-hand Side) ，是在代码执行阶段 JS 引擎操作变量的两种方式，字面理解就是当变量出现在赋值操作左侧时进行LHS查询，出现在右侧时进行RHS查询。更准确的来说，LHS是为了找到变量的容器本身从而可以进行赋值，而RHS则是获取某个变量的值。
JavaScript中的作用域是指变量、函数和对象在代码中可访问的范围。作用域规定了在何处以及如何查找变量和函数。理解作用域对于编写高质量的JavaScript代码至关重要。
之前复习到的执行上下文里在ES3版本里说过它包含的三大内容是变量对象，作用域链，this指向。以及ES6版本里词法环境中有的外部环境引用outer。 都是涉及到了今天要复习的知识点， 也就是JavaScript中存在着基于作用域而产生的一条类似链表的链路。
正常来说，当fn1函数执行完毕之后，其作用域是会被销毁的，然后垃圾回收器会释放那段内存空间。而闭包却很神奇的将fn1的作用域存活了下来，fn2依然持有该作用域的引用，这个引用就是闭包。
前言 大家好，我是吒儿?，每天努力一点点?，就能升职加薪?当上总经理出任CEO迎娶白富美走上人生巅峰?，想想还有点小激动呢?。 这是我的第11期文章内容✍，我并不希望把?这篇文章内容成为笔记去记，或者
前言 大家好，我是吒儿👦，每天努力一点点💪，就能升职加薪💰当上总经理出任CEO迎娶白富美走上人生巅峰🗻，想想还有点小激动呢😎。 这是我的第11期文章内容✍，我并不希望把👉这篇文章内容成为笔记去记，或者说是总结一些要点。而是希望通过这篇文章真正地去理解，掌握，一行一行的解析其内容本质，去思考✅每一行，每一段的内容。 希望能够把每一处知识点，说明白，（当然，如果哪一处不了解，可以在评论区进行探讨哦！）⏰，计时开始！ 如果您发现本文有帮助，请您点赞，收藏，评论，留下您学习的脚印👣，我很乐意谈论😃 1. 执行上下文
任何情况下，this 都不会默认指向函数自己，除非使用 bind 绑定的方式修改 this 为函数自己。
我们平时常说的变量的作用域(scope)，它全名应该叫「词法作用域」(lexical scope)。它是程序中可以访问变量的区域，即作用域控制着变量和函数的可见性和生命周期。
阶段二:浏览器中JavaScript的执行机制 07｜变量提升:JavaScript中的代码是按顺序执行的吗？ 只有理解了JavaScript执行上下文，才能更好的理解JavaScript语言本身：变量提升、作用域、闭包等。 变量提升 变量提升指的是:JS代码在执行过程中，JS引擎会把变量的声明部分和函数的声明部分提升到代码开头的行为，变量提升后，会给变量设置默认值，这个值就是我们熟悉的undefined。 JavaScript的代码执行流程 JavaScript是先编译后执行，在编译阶段变
所以，JavaScript是ArkTS的基础，本文就来介绍一下JavaScript执行机制的一些核心概念。
2. 箭头函数不会使用上述四条规则，而是根据当前的词法作用域来决定 this 的，箭头函数会继承外层函数的 this。
关于 javascript 闭包的一些思考 作用域 词法作用域 函数作用域 块作用域 闭包 什么是作用域? 作用域 什么是词法作用域? 词法作用域 什么是函数作用域？ 函数作用域 在这个代
当函数可以记住并访问所在的词法作用域，就产生了闭包，即使函数是在当前词法作用域之外执行的。
本书属于基础类书籍，会有比较多的基础知识，所以这里仅记录平常不怎么容易注意到的知识点，不会全记，供大家和自己翻阅；
变量的作用域是在定义时决定而不是执行时决定的，也就是说词法作用域取决于编译阶段，通过静态分析就能确定，因此词法作用域也叫做静态作用域。
1. JavaScript引擎在代码执行前会对其进行编译，在这个过程中，像var a = 2 这样的声明会被分解成两个独立的步骤： 第一步（编译阶段）：var a 在其作用域中声明新变量。这会在最开始的阶段，也就是代码执行前进行。 第二步（运行阶段）：a = 2 会查询变量a（LHS查询）并对其进行赋值。 2. LHS & RHS（当前作用域->上级作用域->...->全局作用域） LHS(左侧)：试图找到变量的容器本身 RHS(右侧)：查找某个变量的值 示例：
在学习 javascript 的过程中，我们第一步最应该了解和掌握的就是作用域，与之相关还有程序是怎么编译的，变量是怎么查找的，js 引擎是什么，引擎和作用域的关系又是什么，这些是 javascript 这门语言最基础的地基，至于对象、函数、闭包、原型链、作用域链以及设计模式等等都是地基以上的建筑，只有地基打牢了，建筑才会稳。同样只有先把最基础的部分掌握了，之后的扩展学习才会更容易。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
