提升你的 JavaScript 水平：探究堆栈内存管理和 let&const 的奥秘
2023-10-17 14:07:32
JavaScript 中的堆栈内存及释放
1. 堆内存的创建和释放
在 JavaScript 中，堆内存用于存储动态分配的对象和数组。当一个对象或数组被创建时，JavaScript 会在堆内存中分配空间，并将其引用存储在栈内存中。当一个对象或数组不再被使用时，JavaScript 会释放堆内存中分配的空间，但栈内存中的引用仍然存在。这可能会导致内存泄漏，即不再使用的对象或数组仍然占据着内存空间。
为了避免内存泄漏，JavaScript 提供了垃圾回收机制。垃圾回收器会自动检测并释放不再使用的对象或数组所占用的堆内存空间。然而，垃圾回收机制并不是实时执行的，因此在某些情况下可能会导致内存泄漏。
2. 栈内存的创建、释放以及不释放
栈内存用于存储函数调用期间创建的局部变量和参数。当一个函数被调用时，JavaScript 会在栈内存中分配空间来存储局部变量和参数。当函数执行完毕后，栈内存中的空间会被释放。
但是，在某些情况下，栈内存中的空间可能不会被释放。例如，当一个函数返回一个闭包时，闭包会引用函数内部的局部变量。即使函数执行完毕，闭包仍然存在，因此栈内存中的空间也不会被释放。这可能会导致内存泄漏。
3. let、const 及 暂时性死区
在 ES6 中，引入了 let 和 const 来声明变量。let 声明的变量具有块级作用域，const 声明的变量具有常量性。
(1) let
let 声明的变量只在声明所在的块级作用域内有效。当执行流离开该块级作用域时，let 声明的变量就会被销毁，并释放栈内存中的空间。
(2) const
const 声明的变量具有常量性，这意味着其值在声明后不能被改变。const 声明的变量也具有块级作用域，但与 let 不同的是，const 声明的变量在声明后就不能被重新赋值。
(3) 暂时性死区
暂时性死区是指在变量声明之前，该变量是不可用的。在暂时性死区内，对该变量的任何引用都会导致 ReferenceError 错误。
暂时性死区对于防止意外的变量覆盖很有用。例如，以下代码会抛出一个 ReferenceError 错误，因为变量 x 在其声明之前就被使用了：
console.log(x); // ReferenceError: x is not defined
let x = 10;
提升你的 JavaScript 内存管理技能
- 避免在函数内部创建不必要的对象和数组。这将有助于减少堆内存的使用，降低内存泄漏的风险。
- 尽量使用 let 和 const 来声明变量。这将有助于防止意外的变量覆盖，并提高代码的可读性和可维护性。
- 了解暂时性死区的概念，并避免在暂时性死区内使用变量。这将有助于防止 ReferenceError 错误。
- 使用严格模式（"use strict"）。严格模式会强制执行某些 JavaScript 规则，有助于防止一些常见的错误，包括变量覆盖和内存泄漏。
- 使用代码检查工具来检测内存泄漏和其他内存相关的问题。这将有助于你及早发现并修复内存问题，提高代码的质量。
