【Javascript】内存泄漏

JavaScript 内存泄露指的是在程序中，不再使用的内存没有被正确释放，导致内存占用持续增加，最终引发性能问题甚至崩溃。

通常哪些操作会造成内存泄漏呢？

• 未使用 var 声明的全局变量：在 JavaScript 中，如果没有使用 var关键字声明变量，就会创建一个全局变量。全局变量会一直存在于内存中，直到页面关闭，容易造成内存泄漏。因此，需要使用 var、let 或 const 关键字来声明变量，限定变量的作用范围。

• 闭包函数（Closures）：闭包函数是指可以访问自己的外部作用域中变量的函数。当一个函数返回另一个函数时，返回的函数会保留对其定义时的外部变量的引用，导致这些变量无法被垃圾回收机制回收，可能会造成内存泄漏。使用闭包函数时要注意管理好内存，确保不再需要使用闭包时将其释放。

• 循环引用（两个对象相互引用）：当两个对象相互引用时，即使没有被其他部分引用，它们也不会被垃圾回收机制回收，从而造成内存泄漏。要避免循环引用导致的内存泄漏，可以在适当的时机解除对象之间的引用，例如使用 null 来替代引用。
• 控制台日志（console.log）：在开发过程中，使用控制台日志进行调试和输出信息是常见的做法。但是如果在生产环境中没有将控制台日志去除或优化，可能会造成内存泄漏。因此，在发布产品时，应该删除或优化掉不必要的控制台日志。
• 移除存在绑定事件的 DOM 元素：在 JavaScript 中，如果没有正确移除已经绑定事件的 DOM 元素，会导致内存泄漏。因为事件绑定会创建一个对函数的引用，只要存在对 DOM 元素的引用，该元素及其事件处理函数就无法被垃圾回收。所以，在不需要使用某个 DOM 元素时，应该及时将其从 DOM 树中移除，并取消相关的事件绑定。
• setTimeout 的第一个参数使用字符串而非函数的话，会引发内存泄漏：在使用 setTimeout 方法时，如果将第一个参数直接传入一个字符串，而不是一个函数，会造成内存泄漏。这是因为当使用字符串作为参数时，JavaScript 引擎会将它们解析为代码，而解析后的代码无法被垃圾回收。因此，应该始终确保 setTimeout 的第一个参数是一个函数。
• 垃圾回收器定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的唯一引用是循环的，那么该对象的内存即可回收。这是 JavaScript 引擎自动进行的操作，开发者无需手动处理。但在某些特殊情况下，如使用闭包函数、循环引用等，需要注意避免引发内存泄漏。