JavaScript 변수를 설정 해제(Unset)하는 방법 완벽 가이드

JavaScript에서 변수를 설정 해제하는 방법

JavaScript에서 변수를 설정 해제(unset)하려면 먼저 해당 변수에 undefined를 할당하는 방식을 사용합니다. 이후 delete 연산자를 사용하면 변수를 완전히 제거할 수 있습니다.

아래 코드 예제를 통해 실제 동작 과정을 살펴보겠습니다.

코드 예제

var str = "Demo Text";
window.onscroll = function() {
    var y = this.pageYOffset;
    if(y > 200) {
        document.write(str);
        str = undefined; // unset: 값만 비움
        delete(str); // 변수 자체를 완전히 제거 시도
        document.write(str); // 결과는 undefined
    }
}

동작 원리 설명

1. undefined 할당: 변수에 undefined를 대입하면 해당 변수가 더 이상 유효한 값을 가지지 않게 됩니다. 이것이 JavaScript에서 변수를 '설정 해제'하는 가장 일반적이고 안전한 방법입니다.

2. delete 연산자: delete 연산자는 객체의 속성(property)을 제거하는 데 사용됩니다. 위 예제처럼 호출하면 변수 제거를 시도할 수 있습니다.

주의해야 할 점

var, let, const로 선언된 변수에는 delete 연산자가 적용되지 않습니다. 이 경우 delete는 false를 반환하며 변수가 실제로 삭제되지 않습니다. 따라서 전역 객체(window)의 속성으로 등록된 변수나 객체 속성에만 delete가 정상적으로 작동합니다.

결론적으로, 일반적인 상황에서는 변수에 undefined를 할당하여 값을 비우는 것이 가장 권장되는 방법이며, 메모리 관리는 JavaScript의 가비지 컬렉터(Garbage Collector)가 자동으로 처리합니다.