通过函数作用域和块级作用域看javascript的作用域

这篇文章主要了JavaScript中的作用域链，包括函数作用域和块级作用域。在ES6之前，JavaScript只有全局作用域和函数作用域。函数作用域是指一个变量定义在函数内部，只能在函数内部访问。而全局作用域则是指变量定义在全局环境下，在任何地方都能被访问。

当我们深入了解执行期上下文时，会明白每个函数执行时都会创建一个独特的执行期上下文，它定义了函数的执行环境。而作用域链则是函数中[[scope]]属性所存储的执行期上下文对象的集合，这些对象呈链式链接，形成作用域链。每一层的函数都可以访问其上一层函数中的变量和方法，这种包含关系构成了作用域链。

为了更好地理解这一概念，我们可以通过一些实例来。例如，在一个函数内部定义另一个函数时，内层函数可以访问外层函数的变量，这是因为它们处于相同的作用域链中。当内层函数没有依赖外层函数的变量时，它们的作用域链则不会相互关联。

在ES6之后，JavaScript引入了块级作用域，通过let和const关键字声明的变量只在声明所在的块级作用域内有效。这使得变量的作用域更加明确和可控。使用let声明的全局变量不再属于全局对象window。

为了更好地理解块级作用域对函数作用域链的影响，我们可以通过一个简单的示例来说明。在一个对象内部定义一个函数，该函数试图访问全局变量和对象内部的变量。通过打印结果，我们可以看到函数是如何在自身的作用域内查找变量的，然后再沿着作用域链向上查找全局变量。引入块级作用域后，函数的作用域链会有所变化，但基本原理仍然相同。

JavaScript的作用域链是一个非常重要的概念，它帮助我们理解变量的可见性和生命周期。通过深入了解作用域链，我们可以更好地控制变量的作用范围，避免一些常见的错误，如闭包和变量污染。ES6引入的块级作用域进一步增强了JavaScript的功能和灵活性。希望这篇文章能帮助读者更好地理解JavaScript的作用域链和块级作用域。理解了这些基础知识后，可以更好地利用JavaScript编写出更优雅、更高效的代码。