2023闭包引起的内存泄漏有哪些

闭包引起的内存泄漏有：1、无限循环和递归调用；2、闭包内部引用了全局变量；3、闭包内部引用了不可清理的对象。详细介绍：1、无限循环和递归调用，当一个闭包在内部引用外部的变量，并且这个闭包又被外部的代码反复调用时，就可能导致内存泄漏，这是因为每次调用都会在内存中创建一个新的作用域，并且这个作用域不会被垃圾回收机制清理；2、闭包内部引用了全局变量，如果在闭包内部引用了全局变量等等。

本教程操作系统：windows10系统、DELL G3电脑。

闭包是 JavaScript 中一个重要的概念，它可以使函数拥有私有变量，并可以在函数外部访问这些私有变量。然而，如果不正确地使用闭包，可能会导致内存泄漏问题。以下是一些由闭包引起的内存泄漏的常见情况：

1、无限循环和递归调用：当一个闭包在内部引用外部的变量，并且这个闭包又被外部的代码反复调用时，就可能导致内存泄漏。这是因为每次调用都会在内存中创建一个新的作用域，并且这个作用域不会被垃圾回收机制清理。如果这个闭包没有对外部变量进行正确的清理，那么这些变量就会一直存在内存中，直到程序结束。

function outerFunction() {  
    var outerVariable = new Array(1000000).fill(0);  
    var innerFunction = function() {  
        // 这里引用了外部变量 outerVariable  
        console.log(outerVariable);  
    }  
    return innerFunction;  
}  
var leakyFunction = outerFunction();  
leakyFunction(); // 这里的调用会创建新的作用域并引用 outerVariable，导致内存泄漏

2、闭包内部引用了全局变量：如果在闭包内部引用了全局变量，并且没有在适当的时候清理对这个全局变量的引用，那么这个全局变量就会一直存在内存中，直到程序结束。

var globalVariable = new Array(1000000).fill(0);  
var closure = (function() {  
    // 这里引用了全局变量 globalVariable  
    return function() {  
        console.log(globalVariable);  
    }  
})();  
closure(); // 这里的调用会创建新的作用域并引用 globalVariable，导致内存泄漏

3、闭包内部引用了不可清理的对象：如果闭包内部引用了不可清理的对象（例如闭包本身、函数、DOM 节点等），那么这些对象就会一直存在内存中，直到程序结束。

var leakyObject = { toString: function() { return "leaky"; } };  
var closure = (function() {  
    // 这里引用了不可清理的对象 leakyObject  
    return function() {  
        console.log(leakyObject);  
    }  
})();  
closure(); // 这里的调用会创建新的作用域并引用 leakyObject，导致内存泄漏

为了避免由闭包引起的内存泄漏，我们需要注意以下几点：

在不需要使用闭包时尽量避免使用它。例如，可以使用静态方法或类来代替闭包。

在使用闭包时，尽量避免在闭包内部引用全局变量或不可清理的对象。如果必须引用，应该在使用完毕后及时清理对它们的引用。

在使用递归和循环时，应该确保每次调用都会在适当的时机结束，避免无限循环和递归调用导致的内存泄漏。