拨云见日，JS 中 调用栈 作用域链 闭包大揭秘
2023-09-22 10:25:38
JavaScript 的三驾马车：调用栈、作用域链和闭包
在 JavaScript 的编程舞台上，调用栈、作用域链和闭包这三大法宝环环相扣，共同构建了 JS 编程的基石。它们就像一场戏剧演出中的舞台、演员和幕后操手，协同合作，带来一场精彩纷呈的编程盛宴。
一、调用栈：内存的执行舞台
调用栈，顾名思义，就是内存中用来存储函数调用信息的一个栈结构。它的工作方式就像一个井然有序的舞台，当 JavaScript 引擎执行程序时，它会将每个函数的调用信息压入调用栈中，就好比演员按照顺序登场。而当函数执行完毕后，它的信息又会从调用栈中弹出，如同演员一一退场。
代码示例：
function funcA() {
console.log("函数 A");
}
function funcB() {
funcA();
console.log("函数 B");
}
funcB();
在这个例子中，当 funcB() 函数被调用时，它的调用信息会被压入调用栈。然后，当 funcA() 函数被调用时，它的调用信息也会被压入调用栈，形成一个调用栈。当 funcA() 函数执行完毕后，它的调用信息会被弹出，接着是 funcB() 函数的调用信息。
二、作用域链：变量的寻宝之旅
作用域链，是一条用于查找变量的路径，就像演员在舞台上寻找道具一样。每个函数在执行时，都会创建一个自己的执行上下文，该上下文包含着该函数的变量对象和作用域链。变量对象存储着该函数的局部变量，而作用域链则是一条指向外层函数执行上下文的指针链，使得函数能够访问外层函数中的变量。
代码示例：
let globalVar = 10;
function funcA() {
let localVar = 20;
console.log(globalVar, localVar);
}
funcA();
在这个例子中，funcA() 函数的作用域链会指向全局作用域，因为它被定义在全局作用域中。因此，funcA() 函数既可以访问其自己的局部变量 localVar，也可以访问全局变量 globalVar。
三、闭包：函数的时空穿越
闭包，是 JavaScript 中的一个独特概念，它可以让函数访问其创建时的变量，即使该函数已经执行完毕，变量的作用域也已经结束。这就好比演员在表演结束后，还能继续使用舞台上的道具。闭包的本质是一种函数和变量之间的联系，这种联系可以通过函数的返回值或函数内部的变量引用来建立。
代码示例：
function createCounter() {
let count = 0;
return function() {
count++;
return count;
};
}
const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2
在这个例子中，createCounter() 函数返回了一个闭包函数，该函数引用了局部变量 count。即使 createCounter() 函数已经执行完毕，但闭包函数仍然可以访问变量 count。
进阶应用：闭包的舞台
闭包不仅是一个概念，它也是一个强大的工具，在 JavaScript 开发中有着广泛的应用。
1. 私有变量：数据的堡垒
闭包可以用来创建私有变量，这些变量只能在闭包函数内部访问，外部函数无法直接访问。这就好比演员将道具藏在舞台上的暗格里，只有演员自己知道如何找到它。
2. 数据隐藏：安全卫士
通过闭包，可以将数据隐藏在函数内部，防止外部代码的非法访问和修改。这就好比演员将道具放在舞台后面，只有演员自己知道它的存在。
3. 变量提升：时间的魔法
闭包可以实现变量提升，即变量可以在使用之前被声明。这就好比演员提前上场，在正式表演前排练。
4. 延迟执行：等待时机
闭包可以用来延迟函数的执行，直到满足某些条件时才执行。这就好比演员在等待导演的信号，在合适的时候才登场。
5. 作用域链继承：血脉的传承
闭包可以用来实现作用域链继承，让子函数能够访问父函数的作用域。这就好比演员可以从父辈那里继承舞台经验。
结语
调用栈、作用域链和闭包，这三大法宝是 JavaScript 中最核心的概念之一，掌握了它们，你就能轻松驾驭 JavaScript 的复杂性和灵活性，编写出高性能、高可靠性的程序。这就好比演员熟练掌握舞台、道具和表演技巧，才能奉献出一场精彩的演出。
常见问题解答
1. 调用栈和作用域链有什么区别？
调用栈存储函数调用信息，而作用域链用于查找变量。
2. 闭包是如何工作的？
闭包函数引用了其创建时的局部变量，即使该函数已经执行完毕，变量的作用域也已经结束。
3. 闭包有什么好处？
闭包可以实现私有变量、数据隐藏、变量提升、延迟执行和作用域链继承。
4. 闭包的局限性是什么？
闭包会占用内存，因此应该谨慎使用。
5. 如何避免闭包内存泄漏？
可以使用弱引用或立即执行函数（IIFE）来避免闭包内存泄漏。
