一切源于压栈与出栈——执行上下文、作用域和调用栈大解构（下）
2024-02-05 15:40:17
写在前面
在上篇文章中，我们对执行上下文和调用栈有了初步认识。本文将从块级作用域开始，对JavaScript的执行上下文和作用域有一个进一步的了解。
块级作用域
块级作用域也称为词法作用域，在 ES6 中引入。它是指在代码块内定义的变量只在该代码块内有效，代码块外无法访问这些变量。
创建块级作用域的方法
在 JavaScript 中，可以使用大括号 {} 来创建块级作用域，例如：
{
let a = 10;
var b = 20;
}
console.log(a); // ReferenceError: a is not defined
console.log(b); // 20
可以看到，变量 a 在块级作用域内定义，因此在块级作用域外无法访问。而变量 b 是使用 var 定义的，因此它属于全局作用域，可以在任何地方访问。
块级作用域的应用场景
块级作用域在 JavaScript 中非常有用，它可以帮助我们避免变量污染和提高代码的可读性和可维护性。
例如，在编写循环或条件语句时，我们可以使用块级作用域来避免变量污染。这样可以确保循环或条件语句内定义的变量不会影响到循环或条件语句外的代码。
此外，块级作用域还可以帮助我们提高代码的可读性和可维护性。通过使用块级作用域，我们可以将代码组织成更小的块，使代码更容易阅读和理解。
闭包
闭包是指能够访问其他函数作用域中变量的函数。闭包通常用于保存数据或状态，以便稍后使用。
创建闭包的方法
在 JavaScript 中，可以通过在函数内部定义另一个函数来创建闭包。例如：
function outerFunction() {
let a = 10;
function innerFunction() {
console.log(a);
}
return innerFunction;
}
const innerFunc = outerFunction();
innerFunc(); // 10
在这个例子中，innerFunction 是 outerFunction 的闭包。innerFunction 可以访问 outerFunction 中的变量 a，即使 outerFunction 已经执行完毕。
闭包的应用场景
闭包在 JavaScript 中非常有用，它可以帮助我们实现许多高级功能，例如：
- 模块化开发：我们可以使用闭包来将代码组织成更小的模块，从而提高代码的可读性和可维护性。
- 数据私有化：我们可以使用闭包来保护数据，防止其他代码访问和修改这些数据。
- 函数柯里化：我们可以使用闭包来创建柯里化函数，柯里化函数可以将一个函数拆分成多个小函数，从而提高代码的可读性和可维护性。
总结
本文重点讲述了块级作用域、闭包和函数执行上下文这三个知识点，以便于我们更好地理解 JavaScript 的执行上下文和作用域。掌握这些知识点后，我们就可以更加轻松地编写出可读性高、可维护性强的 JavaScript 代码了。
