JavaScript의 쓰레기 수집이 실제로 어떻게 작동하는지

JavaScript의 쓰레기 수집 (GC)은 태그 청소 메커니즘을 통해 자동으로 메모리를 관리하고, 루트 객체에서 접근 가능한 객체를 표시하며, 회피 할 수없는 객체를 지우려면 메모리를 확보 할 수 없습니다. 일반적인 메모리 누출에는 예상치 못한 글로벌 변수, 명확하지 않은 이벤트 리스너 및 타이머, DOM에서 분리되어 있지만 여전히 참조 된 노드 및 클로저는 큰 객체 참조를 유지합니다. 현대 엔진은 성능을 최적화하기 위해 세대 재활용, 증분 및 동시 재활용을 사용합니다. 개발자는 참조를 수동으로 비우고, 이벤트 청취, 장거리주기 클로저를 피하고, 약점/약점을 사용하여 GC를 지원할 수 있습니다.

JavaScript의 쓰레기 수집 (GC)은 프로그램에서 더 이상 필요하지 않은 객체를 정리하여 메모리를 자동으로 관리하는 비하인드 메커니즘입니다. 대부분의 개발자는 매일 그것에 대해 생각할 필요가 없지만 작동 방식을 이해하면보다 효율적인 코드를 작성하고 메모리 누출을 피하는 데 도움이됩니다.

쓰레기 수집 작동 방식 : 기본

JavaScript 엔진 (Chrome 및 Node.js의 V8과 같은)은 자동 메모리 관리를 사용합니다. 객체, 배열 또는 함수를 만들 때 메모리가 할당됩니다. 이러한 값이 더 이상 도달 할 수 없거나 사용할 수 없으면 쓰레기 수집가가 들어가서 그 기억을 해제합니다.

핵심 아이디어는 도달 가능성 입니다.

• 쓰레기 수집기는 일련의 "루트"객체 (글로벌 변수 및 현재 함수 변수를 실행하는)에서 시작합니다.
• 그런 다음 참조를 통해이 뿌리에서 도달 할 수있는 모든 객체를 추적합니다.
• 도달 할 수없는 것은 쓰레기로 간주되며 청소를받을 수 있습니다.

이 접근법은 Mark-and-Sweep 이라고합니다.

1. Mark Phase : GC는 뿌리에서 시작하여 도달 가능한 모든 물체를 걸어 가서“살아있는”것으로 표시합니다.
2. 스윕 단계 : 메모리를 거쳐 표시되지 않은 모든 것을 삭제합니다.

이것은 원형 참조에서 실패한 이전 참조 카운팅 방법보다 효과적입니다 (예 : a.ref = b; b.ref = a; -참조가 제로는 없지만 둘 다 루트에서 도달 할 수 없을 수 있음).

JavaScript에서 메모리 누출의 일반적인 원인

자동 GC를 사용하더라도 여전히 메모리 누출을 만들 수 있습니다. 가장 일반적인 패턴은 다음과 같습니다.

• 우발적 인 글로벌 변수

   함수 badfunc () {
    유출 = "지금은 세계적으로"; // 'var', 'let'또는 'const'잊어 버렸습니다.
  }

  이것은 데이터를 글로벌 객체 (예 : window )에 첨부하는데, 항상 도달 할 수있는 → 수집되지 않습니다.

• 잊혀진 이벤트 청취자 또는 시간

   setInterval (() => {
    const hugedata = fetchData ();
    // 이것이 깨끗하지 않으면 Hugedata는 메모리에 머물러 있습니다
  }, 1000);

  타이머 및 DOM 이벤트 청취자는 폐쇄에 대한 참조를 유지합니다. 정리하지 않으면 관련 데이터의 정리를 방지합니다.

• 참조가 유지 된 분리 된 DOM 노드

   let node = document.getElementById ( "TMP");
  document.body.removechild (노드);
  // 그러나 우리는 여전히 '노드'에서 참조를 보유합니다.

  노드가 DOM에서 제거 되더라도 JavaScript가 참조를 보유하는 한 수집되지 않습니다.

• 큰 범위를 유지하는 폐쇄

   함수 외부 () {
    const bigdata = New Arraybuffer (1024 * 1024 * 10); // 10MB
    반환 함수 내부 () {
      // 내부가 BigData를 사용하지 않더라도 범위에 있습니다.
      Console.log ( "Hello");
    };
  }

  inner bigData 통해 닫히므로 inner 존재하는 한 수집 할 수 없습니다.

현대 엔진이 GC를 최적화하는 방법

JavaScript 엔진은 GC를 지속적으로 실행하지 않습니다. 대신, 그들은 세대의 쓰레기 수집 및 증분 컬렉션을 사용합니다.

• 세대 컬렉션
  대부분의 대상이 젊다는 관찰에 따르면 :

  • 기억은 젊은 세대 로 나뉩니다.
  • 새로운 물건이 젊은 세대로 들어갑니다.
  • 빈번하고 빠른 GC 실행은 젊은 세대를 정리합니다 (대부분의 물체는 빠르게 사라집니다).
  • 여러 젊은 GC에서 살아남는 물체는 구세대로 홍보됩니다.
  • 구식은 덜 자주 청소됩니다.

• 증분 및 동시 GC
  앱의 동결을 피하기 위해 최신 GCS :

  • 마크 단계를 청크 (증분)로 나눕니다.
  • 일부 작업을 병렬 또는 별도의 스레드 (동시)에서 실행하십시오.
  • 앱이 반응을 유지하도록 일시 중지를 최소화하십시오.

이는 GC가 단순히 "세상을 중지"하는 것이 아니라 실제 성능에 최적화되어 있음을 의미합니다.

쓰레기 수집가를 돕는 팁

GC를 강요 할 수는 없지만 도와 드릴 수 있습니다.

• 진정으로 큰 물체로 완료 될 때 참조를 Null 아웃하십시오 .

   데이터 = { / * 큰 객체 * /}하자;
  // ... 데이터를 사용합니다
  데이터 = null; // 수집 자격이 있습니다

• 이벤트 청취자 정리 :

   const handler = () => { / * ... * /};
  button.addeventListener ( "클릭", 핸들러);
  // 나중에:
  button.removeEventListener ( "클릭", 핸들러);

• 큰 데이터에 대한 오래 지속되는 것을 피하십시오 .

• 적절한 경우 약한 컬렉션을 사용하십시오 .

  • WeakMap 및 WeakSet 참조를 약하게 유지합니다. GC를 방지하지는 않습니다.
  • 물체가있을 때 사라져야하는 물체에 묶인 메타 데이터 또는 캐시에 유용합니다.

기본적으로 JavaScript의 쓰레기 수집기는 똑똑하고 효율적이지만 마음을 읽을 수는 없습니다. 더 이상 필요없는 것들에 대한 언급을 유지하면 청소되지 않습니다. 도달성 및 일반적인 누출 패턴을 이해하는 것은 안정적인 메모리 효율적인 앱을 작성하는 데 먼 길을갑니다.

위 내용은 JavaScript의 쓰레기 수집이 실제로 어떻게 작동하는지의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!