JavaScript Engine 편집하기 (부분)

=== 메모리 누수 방지 ===

자동 메모리 관리라고 해서 메모리 누수가 아예 없는 것은 아니다.

==== 전역 변수 ====

<syntaxhighlight lang="javascript">
// 나쁜 예
var globalLeak = new Array(1000000);  // 전역 변수는 해제되지 않음

// 좋은 예
function useLocalArray() {
    var localArray = new Array(1000000);  // 함수 종료 후 해제 가능
    // ... 사용 ...
}
</syntaxhighlight>

==== 이벤트 리스너 ====

<syntaxhighlight lang="javascript">
// 나쁜 예
element.addEventListener('click', handler);
// element가 DOM에서 제거되어도 handler가 메모리에 남아있을 수 있음

// 좋은 예
element.addEventListener('click', handler);
element.removeEventListener('click', handler);  // 명시적 해제
</syntaxhighlight>

==== 클로저 ====

<syntaxhighlight lang="javascript">
function createLeak() {
    var largeData = new Array(1000000);
    
    return function() {
        // largeData를 직접 사용하지 않아도 클로저로 인해 메모리에 남아있음
        console.log('Hello');
    };
}
</syntaxhighlight>

~~클로저는 양날의 검~~