strict mode

자바스크립트는 암묵적 전역 등 잠재적인 오류를 발생시킬 수 있는데, 이러한 오류를 방지하기 위해 사용하는 환경이 strict mode입니다.

strict mode의 적용

전역 선두 혹은 함수 선두에 ‘use strict’; 추가합니다. strict mode의 적용은 즉시 실행 함수로 감싼 스크립트 단위로 적용하는 것이 권장됩니다. 전역에 적용하는 경우에는 non-strict mode인 서드파티 라이브러리가 될 수 있고, 함수 단위로 적용하는 경우에는 함수별로 일관되게 관리할 수 없기 때문입니다.

(function () {
    "use strict";
    console.log("즉시 실행 함수 호출");
})();

strict mode가 발생시키는 에러

strict mode를 적용하면 대표적으로 다음 에러들을 방지할 수 있습니다.

암묵적 전역

선언하지 않은 변수를 참조하면 ReferenceError가 발생합니다.

(function () {
    "use strict";
    x = 1;
    console.log(x); // ReferenceError
})();

변수, 함수, 매개변수의 삭제

delete 연산자로 변수, 함수, 매개변수를 삭제하면 SyntaxError가 발생합니다.

(function () {
    "use strict";
    const x = 1;
    delete x; // SyntaxError
    function foo(a) {
        delete a; // SyntaxError
    }
    delete foo; // SyntaxError
})();

매개변수 이름 중복

중복된 매개변수 이름을 사용하면 SyntaxError가 발생합니다.

(function () {
    "use strict";
    //SyntaxError
    function foo(x, x) {
        return x + x;
    }
    console.log(foo(1, 2));
})();

with 문의 사용

with 문은 전달된 객체를 스코프 체인에 추가하는데, 이를 사용하면 SyntaxError가 발생합니다.

(function () {
    "use strict";
    // SyntaxError
    with ({ x: 1 }) {
        console.log(x);
    }
})();

strict mode 적용에 의한 변화

일반 함수의 this

함수를 생성자 함수(new 연산자로 호출)가 아니라 일반 함수로 호출하면 this에 undefined가 바인딩됩니다.

arguments 객체

매개변수에 전달된 인수를 재할당하여 변경해도 arguments 객체에 반영되지 않습니다.

참고자료

• 모던 자바스크립트 Deep Dive