처리 방법: 1. 사용 후 null을 할당하거나 다른 값을 다시 할당합니다. 2. 최신 가비지 수집 알고리즘을 사용합니다. 3. DOM 요소 참조를 저장할 때 주의합니다. 4. 메모리 누수를 방지하기 위해 SessionStack 문제를 통해 애플리케이션을 재생합니다. 전체 애플리케이션의 메모리 사용량을 늘립니다.

자바스크립트 메모리 누수를 처리하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터. ,

메모리 누수는 모든 개발자가 결국 직면하게 되는 문제입니다. 이는 느린 응답, 충돌, 높은 대기 시간 및 기타 응용 프로그램 문제 등 많은 문제의 원인입니다.

메모리 누수란 무엇인가요?

기본적으로 메모리 누수는 다음과 같이 정의할 수 있습니다. 애플리케이션이 더 이상 메모리를 차지할 필요가 없을 때, 어떤 이유로 메모리가 운영 체제나 사용 가능한 메모리 풀에 의해 회수되지 않습니다. 프로그래밍 언어는 메모리를 관리하는 방법에 따라 다릅니다. 어떤 메모리가 더 이상 필요하지 않고 운영 체제에서 회수될 수 있는지는 개발자만이 가장 잘 알고 있습니다. 일부 프로그래밍 언어는 개발자가 이러한 작업을 수행하는 데 도움이 되는 언어 기능을 제공합니다. 다른 사람들은 메모리가 필요한지 여부를 명확히 하기 위해 개발자에게 의존합니다.

JavaScript 메모리 관리

JavaScript는 가비지 수집 언어입니다. 가비지 컬렉션 언어는 이전에 할당된 메모리에 접근할 수 있는지 주기적으로 확인하여 개발자가 메모리를 관리하는 데 도움을 줍니다. 즉, 가비지 수집 언어는 "메모리가 여전히 사용 가능"하고 "메모리에 여전히 접근 가능"한 문제를 완화합니다. 둘 사이의 차이점은 미묘하지만 중요합니다. 개발자만이 앞으로 어떤 메모리가 사용될지 알 수 있지만, 연결할 수 없는 메모리는 알고리즘에 따라 결정 및 표시되며 운영 체제에서 즉시 회수됩니다.

JavaScript 메모리 누수

가비지 수집 언어에서 메모리 누수의 주요 원인은 원치 않는 참조입니다. 이를 이해하기 전에 가비지 수집 언어가 도달 가능한 메모리와 도달할 수 없는 메모리를 구별하는 방법을 이해해야 합니다.

Mark-and-sweep

대부분의 가비지 수집 언어에서 사용하는 알고리즘을 Mark-and-sweep이라고 합니다. 알고리즘은 다음 단계로 구성됩니다.

가비지 수집기는 "루트" 목록을 생성합니다. 루트는 일반적으로 코드의 전역 변수에 대한 참조입니다. JavaScript에서 "window" 개체는 전역 변수이며 루트로 처리됩니다. 창 객체는 항상 존재하므로 가비지 수집기는 해당 객체와 모든 하위 객체가 존재하는지(즉, 가비지가 아님) 확인할 수 있습니다.
모든 루트가 검사되고 활성 상태로 표시됩니다(즉, 가비지가 아님). 모든 하위 개체도 재귀적으로 확인됩니다. 루트에서 시작하는 모든 객체는 접근 가능하다면 가비지로 간주되지 않습니다.
표시되지 않은 모든 메모리는 가비지로 처리되며 이제 수집기는 메모리를 해제하여 운영 체제로 반환할 수 있습니다.

최신 가비지 수집기는 알고리즘이 개선되었지만 본질은 동일합니다. 즉, 도달 가능한 메모리가 표시되고 나머지는 가비지 수집됩니다.

불필요한 참조는 개발자가 메모리 참조가 더 이상 필요하지 않다는 것을 알고 있지만 어떤 이유로 활성 루트 트리에 여전히 남아 있다는 의미입니다. JavaScript에서 원치 않는 참조는 코드에 남아 더 이상 필요하지 않지만 해제되어야 하는 메모리 부분을 가리키는 변수입니다. 어떤 사람들은 이것이 개발자의 실수라고 생각합니다.

JavaScript에서 가장 일반적인 메모리 누수를 이해하려면 참조가 어떻게 쉽게 잊혀지는지 이해해야 합니다.

세 가지 유형의 일반적인 JavaScript 메모리 누수

1: 예기치 않은 전역 변수

JavaScript는 정의되지 않은 변수를 느슨한 방식으로 처리합니다. 정의되지 않은 변수는 전역 개체에 새 변수를 생성합니다. 브라우저에서 전역 개체는 window 입니다. window 。

真相是：

函数 foo 内部忘记使用 var ，意外创建了一个全局变量。此例泄露了一个简单的字符串，无伤大雅，但是有更糟的情况。

另一种意外的全局变量可能由 this 创建：

在 JavaScript 文件头部加上 'use strict'，可以避免此类错误发生。启用严格模式解析 JavaScript ，避免意外的全局变量。

全局变量注意事项

尽管我们讨论了一些意外的全局变量，但是仍有一些明确的全局变量产生的垃圾。它们被定义为不可回收（除非定义为空或重新分配）。尤其当全局变量用于临时存储和处理大量信息时，需要多加小心。如果必须使用全局变量存储大量数据时，确保用完以后把它设置为 null 或者重新定义。与全局变量相关的增加内存消耗的一个主因是缓存。缓存数据是为了重用，缓存必须有一个大小上限才有用。高内存消耗导致缓存突破上限，因为缓存内容无法被回收。

2：被遗忘的计时器或回调函数

在 JavaScript 中使用 setInterval

진실은: 🎜🎜 foo 함수가 내부적으로 var를 사용하는 것을 잊어버렸고 실수로 전역 변수를 생성했습니다. 이 예에서는 무해한 간단한 문자열이 유출되지만 더 나쁜 상황도 있습니다. 🎜🎜this에 의해 또 다른 예상치 못한 전역 변수가 생성될 수 있습니다. 🎜🎜🎜이 유형의 오류를 방지하려면 JavaScript 파일의 헤더에 'use strict'를 추가하세요. 예상치 못한 전역 변수를 방지하려면 JavaScript의 엄격 모드 구문 분석을 활성화하세요. 🎜🎜🎜전역 변수 고려 사항 🎜🎜예상치 못한 전역 변수에 대해 논의했지만 명시적 전역 변수에 의해 생성된 쓰레기가 여전히 있습니다. (비어 있거나 재할당된 것으로 정의되지 않은 경우) 재활용이 불가능한 것으로 정의됩니다. 특히, 전역 변수를 사용하여 많은 양의 정보를 임시로 저장하고 처리하는 경우에는 주의가 필요합니다. 대량의 데이터를 저장하기 위해 글로벌 변수를 사용해야 하는 경우 반드시 null로 설정하거나 사용 후 다시 정의해야 합니다. 전역 변수와 관련된 메모리 소비 증가의 주요 원인 중 하나는 캐싱입니다. 데이터 캐싱은 재사용을 위한 것이며 캐시가 유용하려면 크기에 상한이 있어야 합니다. 메모리 소비량이 많으면 캐시된 콘텐츠를 회수할 수 없기 때문에 캐시가 상한을 위반하게 됩니다. 🎜🎜🎜2: 잊어버린 타이머 또는 콜백 함수 🎜🎜🎜JavaScript에서 setInterval을 사용하는 것은 매우 일반적입니다. 일반적인 코드 부분: 🎜

이 예에서 설명하는 내용은 노드 또는 데이터와 연결된 타이머가 더 이상 필요하지 않고 노드 개체가 삭제될 수 있으며 전체 콜백 함수가 더 이상 필요하지 않다는 것입니다. 그러나 타이머 콜백 함수는 아직 재활용되지 않았습니다. (타이머가 멈출 때까지 재활용되지 않습니다.) 동시에 someResource는 많은 양의 데이터를 저장하는 경우 재활용할 수 없습니다. node 对象可以删除，整个回调函数也不需要了。可是，计时器回调函数仍然没被回收（计时器停止才会被回收）。同时，someResource 如果存储了大量的数据，也是无法被回收的。

对于观察者的例子，一旦它们不再需要（或者关联的对象变成不可达），明确地移除它们非常重要。老的 IE 6 是无法处理循环引用的。如今，即使没有明确移除它们，一旦观察者对象变成不可达，大部分浏览器是可以回收观察者处理函数的。

观察者代码示例：

对象观察者和循环引用注意事项

老版本的 IE 是无法检测 DOM 节点与 JavaScript 代码之间的循环引用，会导致内存泄露。如今，现代的浏览器（包括 IE 和 Microsoft Edge）使用了更先进的垃圾回收算法，已经可以正确检测和处理循环引用了。换言之，回收节点内存时，不必非要调用 removeEventListener 了。

3：脱离 DOM 的引用

有时，保存 DOM 节点内部数据结构很有用。假如你想快速更新表格的几行内容，把每一行 DOM 存成字典（JSON 键值对）或者数组很有意义。此时，同样的 DOM 元素存在两个引用：一个在 DOM 树中，另一个在字典中。将来你决定删除这些行时，需要把两个引用都清除。

此外还要考虑 DOM 树内部或子节点的引用问题。假如你的 JavaScript 代码中保存了表格某一个 <td> 的引用。将来决定删除整个表格的时候，直觉认为 GC 会回收除了已保存的 <td> 以外的其它节点。实际情况并非如此：此<td> 是表格的子节点，子元素与父元素是引用关系。由于代码保留了 <td> 的引用，导致整个表格仍待在内存中。保存 DOM 元素引用的时候，要小心谨慎。

4：闭包

闭包是 JavaScript 开发的一个关键方面：匿名函数可以访问父级作用域的变量。

代码示例：

代码片段做了一件事情：每次调用 replaceThing ，theThing 得到一个包含一个大数组和一个新闭包（someMethod）的新对象。同时，变量 unused 是一个引用 originalThing 的闭包（先前的 replaceThing 又调用了 theThing ）。思绪混乱了吗？最重要的事情是，闭包的作用域一旦创建，它们有同样的父级作用域，作用域是共享的。someMethod 可以通过 theThing 使用，someMethod 与 unused 分享闭包作用域，尽管 unused从未使用，它引用的 originalThing 迫使它保留在内存中（防止被回收）。当这段代码反复运行，就会看到内存占用不断上升，垃圾回收器（GC）并无法降低内存占用。本质上，闭包的链表已经创建，每一个闭包作用域携带一个指向大数组的间接的引用，造成严重的内存泄露。

Meteor 的博文解释了如何修复此种问题。在 replaceThing 的最后添加 originalThing = null 。

Chrome 内存剖析工具概览

Chrome 提供了一套很棒的检测 JavaScript 内存占用的工具。与内存相关的两个重要的工具：timeline 和 profiles

관찰자의 경우 더 이상 필요하지 않은 경우(또는 관련 개체에 접근할 수 없는 경우) 명시적으로 제거하는 것이 중요합니다. 이전 IE 6은 순환 참조를 처리할 수 없습니다. 오늘날 대부분의 브라우저는 관찰자 객체에 접근할 수 없게 되면 명시적으로 제거하지 않고도 관찰자 핸들러를 재활용할 수 있습니다.

Observer 코드 예:

객체 관찰자 및 순환 참조 고려 사항

이전 버전의 IE는 DOM 노드와 JavaScript 코드 간의 순환 참조를 감지할 수 없으므로 메모리 누수가 발생할 수 있습니다. 오늘날 최신 브라우저(IE 및 Microsoft Edge 포함)는 고급 가비지 수집 알고리즘을 사용하며 순환 참조를 올바르게 감지하고 처리할 수 있습니다. 즉, 노드 메모리를 재활용할 때 removeEventListener를 호출할 필요가 없습니다.

3: DOM 참조 분리

때로는 DOM 노드의 내부 데이터 구조를 저장하는 것이 유용합니다. 테이블의 여러 행을 빠르게 업데이트하려면 DOM의 각 행을 사전(JSON 키-값 쌍) 또는 배열로 저장하는 것이 좋습니다. 이 시점에서 동일한 DOM 요소에 대한 두 개의 참조가 있습니다. 하나는 DOM 트리에 있고 다른 하나는 사전에 있습니다. 나중에 이 행을 삭제하려면 두 참조를 모두 지워야 합니다.

또한 DOM 트리 또는 하위 노드 내의 참조 문제도 고려해야 합니다. JavaScript 코드가 테이블의 <td>에 대한 참조를 저장한다고 가정해 보겠습니다. 나중에 전체 테이블을 삭제하기로 결정하면 GC가 저장된 <td>를 제외한 다른 노드를 회수할 것이라고 직관할 수 있습니다. 이는 실제 상황이 아닙니다. 이 <td>는 테이블의 하위 노드이고 하위 요소는 상위 요소와 참조 관계를 갖습니다. 코드는 <td>에 대한 참조를 유지하므로 전체 테이블이 메모리에 남아 있습니다. DOM 요소에 대한 참조를 저장할 때는 주의하세요.

4: 클로저 🎜🎜🎜 클로저는 JavaScript 개발의 핵심 측면입니다. 익명 함수는 상위 범위의 변수에 액세스할 수 있습니다. 🎜🎜코드 예: 🎜🎜코드 조각은 한 가지 일을 합니다. replaceThing 가 호출될 때마다 theThing은 큰 배열( someMethod 코드>) 새 개체. 동시에, <code>unused 변수는 originalThing(theThing이라고 불리는 이전 replaceThing)을 참조하는 클로저입니다. . 당신의 생각이 혼란 스럽습니까? 가장 중요한 것은 클로저의 범위가 생성되면 동일한 상위 범위를 가지며 범위가 공유된다는 것입니다. someMethod는 theThing을 통해 사용할 수 있으며 someMethod는 unused이지만 unused와 클로저 범위를 공유합니다. > code>는 절대 사용되지 않으며, 참조하는 originalThing은 강제로 메모리에 남아 있도록 합니다(재활용되는 것을 방지). 이 코드를 반복적으로 실행하면 메모리 사용량이 계속 증가하고 GC(가비지 수집기)가 메모리 사용량을 줄일 수 없음을 알 수 있습니다. 기본적으로 클로저의 연결된 목록이 생성되었으며 각 클로저 범위는 대규모 배열에 대한 간접적인 참조를 전달하므로 심각한 메모리 누수가 발생합니다. 🎜🎜Meteor의 블로그 게시물에서는 이 문제를 해결하는 방법을 설명합니다. replaceThing 끝에 originalThing = null을 추가하세요. 🎜
🎜Chrome 메모리 프로파일링 도구 개요🎜🎜Chrome은 JavaScript 메모리 사용량을 감지하기 위한 다양한 도구 세트를 제공합니다. 메모리와 관련된 두 가지 중요한 도구: 타임라인 및 프로필. 🎜🎜🎜Timeline🎜🎜🎜타임라인은 코드에서 원치 않는 메모리를 감지할 수 있습니다. 이 스크린샷에서는 데이터 수집이 끝날 때 메모리 사용량이 수집 시작보다 훨씬 높고, 총 노드 수도 매우 높은 잠재적인 유출 개체가 꾸준히 증가하는 것을 볼 수 있습니다. 코드에 DOM 노드 누출이 있다는 다양한 징후가 있습니다. 🎜🎜🎜Profiles🎜🎜🎜Profiles는 집중하는 데 많은 시간을 할애할 수 있는 도구로, 스냅샷을 저장하고, JavaScript 코드 메모리 사용량의 다양한 스냅샷을 비교하고, 시간 분포도 기록할 수 있습니다. 각 결과에는 다양한 유형의 목록이 포함되어 있으며 메모리 누수와 관련된 목록은 요약 목록과 비교 목록입니다. 🎜🎜🎜summary(요약) 목록에는 얕은 크기(특정 유형의 모든 개체의 전체 크기), 보유 크기(얕은 크기 및 이와 관련된 다른 개체 크기) 등 다양한 개체 유형의 할당 및 총 크기가 표시됩니다. 또한 객체가 연관된 GC 루트에서 얼마나 떨어져 있는지에 대한 아이디어도 제공합니다. 🎜🎜다양한 스냅샷의 비교 목록을 비교하여 메모리 누수를 찾아보세요. 🎜예: Chrome을 사용하여 메모리 누수 발견
 누수에는 기본적으로 두 가지 유형이 있습니다. 주기적인 메모리 증가로 인한 누수와 간헐적인 메모리 누수입니다. 분명히 주기적인 메모리 누수는 찾기가 쉽지만 가끔 발생하는 메모리 누수는 더 어렵고 일반적으로 쉽게 무시됩니다. 반면에 반복되는 메모리 누수는 해결해야 하는 버그로 간주됩니다. 
Chrome 문서의 코드를 예로 들어보겠습니다. 
 grow가 실행되면 p 노드가 생성되어 DOM에 삽입되고, 전역 변수에 거대한 배열이 할당됩니다. 위에서 언급한 도구를 사용하면 메모리의 꾸준한 증가를 감지할 수 있습니다. grow 执行的时候，开始创建 p 节点并插入到 DOM 中，并且给全局变量分配一个巨大的数组。通过以上提到的工具可以检测到内存稳定上升。
找出周期性增长的内存
timeline 标签擅长做这些。在 Chrome 中打开例子，打开 Dev Tools ，切换到 timeline，勾选 memory 并点击记录按钮，然后点击页面上的 The Button 按钮。过一阵停止记录看结果：
两种迹象显示出现了内存泄露，图中的 Nodes（绿线）和 JS heap（蓝线）。Nodes 稳定增长，并未下降，这是个显著的信号。
JS heap 的内存占用也是稳定增长。由于垃圾收集器的影响，并不那么容易发现。图中显示内存占用忽涨忽跌，实际上每一次下跌之后，JS heap 的大小都比原先大了。换言之，尽管垃圾收集器不断的收集内存，内存还是周期性的泄露了。
确定存在内存泄露之后，我们找找根源所在。
保存两个快照
切换到 Chrome Dev Tools 的 profiles 标签，刷新页面，等页面刷新完成之后，点击 Take Heap Snapshot 保存快照作为基准。而后再次点击 The Button 按钮，等数秒以后，保存第二个快照。
筛选菜单选择 Summary，右侧选择 Objects allocated between Snapshot 1 and Snapshot 2，或者筛选菜单选择 Comparison ，然后可以看到一个对比列表。
此例很容易找到内存泄露，看下 (string) 的 Size Delta Constructor，8MB，58个新对象。新对象被分配，但是没有释放，占用了8MB。
如果展开 (string) Constructor，会看到许多单独的内存分配。选择某一个单独的分配，下面的 retainers 会吸引我们的注意。
我们已选择的分配是数组的一部分，数组关联到 window 对象的 x 变量。这里展示了从巨大对象到无法回收的 root（window）的完整路径。我们已经找到了潜在的泄露以及它的出处。
我们的例子还算简单，只泄露了少量的 DOM 节点，利用以上提到的快照很容易发现。对于更大型的网站，Chrome 还提供了 Record Heap Allocations 功能。
Record heap allocations 找内存泄露
回到 Chrome Dev Tools 的 profiles 标签，点击 Record Heap Allocations。工具运行的时候，注意顶部的蓝条，代表了内存分配，每一秒有大量的内存分配。运行几秒以后停止。
上图中可以看到工具的杀手锏：选择某一条时间线，可以看到这个时间段的内存分配情况。尽可能选择接近峰值的时间线，下面的列表仅显示了三种 constructor：其一是泄露最严重的（string），下一个是关联的 DOM 分配，最后一个是 Text constructor（DOM 叶子节点包含的文本）。
从列表中选择一个 HTMLpElement constructor，然后选择 Allocation stack。
现在知道元素被分配到哪里了吧（grow -> createSomeNodes），仔细观察一下图中的时间线，发现 HTMLpElement constructor 调用了许多次，意味着内存一直被占用，无法被 GC 回收，我们知道了这些对象被分配的确切位置（createSomeNodes）。回到代码本身，探讨下如何修复内存泄露吧。
另一个有用的特性
在 heap allocations 的结果区域，选择 Allocation。
这个视图呈现了内存分配相关的功能列表，我们立刻看到了 grow 和 createSomeNodes。当选择 grow 时，看看相关的 object constructor，清楚地看到 (string), HTMLpElement 和 Text
주기적으로 증가하는 메모리 찾기 
timeline 태그가 이 작업에 적합합니다. Chrome에서 예제를 열고, 개발자 도구를 열고, 타임라인으로 전환하고, 메모리를 확인하고 기록 버튼을 클릭한 다음 페이지에서 버튼 버튼을 클릭하세요. 잠시 후 기록을 중지하고 결과를 확인하세요. 그림에 있는 두 가지 징후는 메모리 누수를 보여줍니다. 노드(녹색 선)와 JS 힙(파란색 선)입니다. 노드는 꾸준히 성장하고 있으며 쇠퇴하지 않고 있으며 이는 중요한 신호입니다. 
JS 힙의 메모리 사용량도 꾸준히 증가하고 있습니다. 가비지 컬렉터의 영향으로 찾기가 쉽지 않습니다. 그림은 메모리 사용량이 증가하고 감소함을 보여줍니다. 실제로 각 감소 후에 JS 힙의 크기는 이전보다 커졌습니다. 즉, 가비지 수집기가 계속해서 메모리를 수집하더라도 메모리는 여전히 주기적으로 누수됩니다. 🎜🎜메모리 누수가 있는지 확인한 후 근본 원인을 찾습니다. 🎜🎜두 개의 스냅샷 저장🎜🎜Chrome 개발자 도구의 프로필 탭으로 전환하고, 페이지를 새로 고친 다음, 페이지 새로 고침이 완료될 때까지 기다린 후 Take Heap Snapshot을 클릭하세요. 스냅샷을 벤치마크로 저장합니다. 그런 다음 버튼 버튼을 다시 클릭하고 몇 초간 기다린 후 두 번째 스냅샷을 저장하세요. 🎜🎜필터 메뉴에서 요약을 선택하거나, 오른쪽의 스냅샷 1과 스냅샷 2 사이에 할당된 객체를 선택하거나, 필터 메뉴에서 비교를 선택하면 비교 목록을 볼 수 있습니다. 🎜🎜이 예에서는 메모리 누수를 쉽게 찾을 수 있습니다. (string)의 Size Delta 생성자, 8MB, 58개의 새 개체를 살펴보세요. 새 개체가 할당되었지만 해제되지는 않았으며 8MB를 차지합니다. 🎜🎜(string) 생성자를 확장하면 많은 개별 메모리 할당을 볼 수 있습니다. 개별 할당을 선택하면 다음 리테이너가 주목됩니다. 🎜🎜우리가 선택한 할당은 window 개체의 x 변수와 연결된 배열의 일부입니다. 이는 거대한 개체에서 재활용할 수 없는 루트(window)까지의 전체 경로를 보여줍니다. 우리는 잠재적인 누출과 그것이 어디서 왔는지 알아냈습니다. 🎜🎜우리의 예는 비교적 간단하고 소수의 DOM 노드만 유출되었으며 위에서 언급한 스냅샷을 사용하면 쉽게 찾을 수 있습니다. 대규모 사이트의 경우 Chrome은 레코드 힙 할당 기능도 제공합니다. 🎜🎜메모리 누수를 찾기 위해 힙 할당 기록🎜🎜Chrome 개발자 도구의 프로필 탭으로 돌아가서 힙 할당 기록을 클릭하세요. 도구가 실행 중일 때 매초 많은 양의 메모리 할당이 있음을 나타내는 상단의 파란색 막대에 주의하세요. 몇 초 동안 실행된 후 중지됩니다. 🎜🎜위 그림에서 도구의 트럼프 카드를 볼 수 있습니다. 특정 타임라인을 선택하면 이 기간 동안의 메모리 할당을 볼 수 있습니다. 가능한 최고점에 가까운 타임라인을 선택하면 아래 목록에는 생성자 3개만 표시됩니다. 하나는 가장 많이 유출된 (string)이고, 다음은 관련 DOM 할당이고, 마지막은 Text 생성자(DOM 리프 노드에 포함된 텍스트) 🎜🎜목록에서 HTMLpElement 생성자를 선택한 다음 할당 스택을 선택하세요. 🎜🎜이제 요소가 할당되는 위치를 알았습니다(grow -> createSomeNodes). 그림의 타임라인을 주의 깊게 살펴보고 HTMLpElement를 찾으세요. 생성자가 여러 번 호출되는데, 이는 메모리가 점유되어 GC에서 재활용될 수 없음을 의미합니다. 이러한 객체가 할당된 정확한 위치를 알고 있습니다(createSomeNodes). 코드 자체로 돌아가서 메모리 누수를 수정하는 방법을 논의해 보겠습니다. 🎜🎜또 다른 유용한 기능🎜🎜힙 할당 결과 영역에서 할당을 선택하세요. 🎜🎜이 뷰는 메모리 할당과 관련된 함수 목록을 제공하며 grow 및 createSomeNodes를 즉시 볼 수 있습니다. grow를 선택할 때 관련 개체 생성자를 살펴보고 (string), HTMLpElement 및 TextLeaked를 명확하게 확인하세요. 🎜🎜위에 언급된 도구와 결합하면 메모리 누수를 쉽게 찾을 수 있습니다. 🎜🎜【추천 학습: 🎜javascript 고급 튜토리얼🎜】🎜

위 내용은 자바스크립트 메모리 누수를 처리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!