20장 strict mode란?

20.1 strict mode란?

• 개발자의 의도와 상관없이 발생한 암묵적 전역은 오류를 발생시키는 원인이 될 가능성이 크다. 따라서 반드시 var, let, const 키워드를 사용하여 변수를 선언한 다음 사용해야 한다.
• ES5부터 strict mode(엄격 모드) 가 추가되었다. 이는 JS 언어 문법을 더 엄격히 적용하여 오류를 발생시킬 가능성이 높거나 JS 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킨다.
• ESLint 와 같은 린트 도구를 사용하면 strict mode와 유사한 효과를 얻는다. 이는 소스코드를 실행하기 전에 소스코드를 스캔하여 문법적 오류와 잠재적 오류까지 찾아낸다.

20.2 strict mode의 적용

• strict mode를 적용하려면 전역의 선두 또는 함수 몸체의 선두에 'use strict'; 를 추가한다.

20.3 전역에 strict mode를 적용하는 것은 피하자

• 전역에 적용한 strict mode는 스크립트 단위로 적용된다.
• 즉시 실행 함수로 스크립트 전체를 감싸서 스코프를 구분하고 즉시 실행 함수의 선두에 strict mode 를 적용한다

(function () {
    'use strict';

    // do something
}());

20.4 함수 단위로 strict mode를 적용하는 것도 피하자

• 함수 단위로 strict mode를 적용할 수도 있지만, 어떤 함수는 적용하고 어떤 함수는 적용하지 않는 것은 바람직하지 않다.

20.5 strict mode 가 발생시키는 에러

• 암묵적 전역 : 선언하지 않은 변수를 참조하면 ReferenceError가 발생한다.
• 변수, 함수 매개변수의 삭제 : delete 연산자로 변수, 함수, 매개변수를 삭제하면 SyntaxError가 발생한다.
• 매개변수 이름의 중복
• with 문의 사용

20.6 strict mode 적용에 의한 변화

20.6.1 일반 함수의 this

• strict mode 에서 함수를 일반 함수로 호출하면 this 에 undefined 가 바인딩 된다.

20.6.2 arguments 객체

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

🌳 느낀점

• 암묵적 오류를 방지하기 위해서 strict mode 를 꼭 사용하자

위 글은 위키북스의 모던 자바스크립트 Deep Dive 를 읽고 정리한 내용입니다.