strict mode

strict mode

strict mode란?

• js의 문법을 좀 더 엄격히 적용하여 오류 발생 가능성을 줄이고 js엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킴
• ES5부터 지원, ES6에서 도입된 클래스와 모듈은 기본적으로 strict mode가 적용됨

암묵적 전역

• 변수 선언 시 스코프체인 종점에 도달했을 때까지 해당 변수를 찾지 못하면 js엔진이 암묵적으로 전역 객체에 해당 변수 값을 가지는 프로퍼티를 동적으로 생성함
• 유저가 의도하지 않은 오류를 발생 시킬 수 있음

ESlint

• strict mode에서 제한하는 오류 + 코딩 컨벤션을 설정 파일 형태로 정의하고 강제할 수 있는 도구
• strict mode보다 강력하기 때문에 ESlint 사용을 권장

strict mode 적용

• 전역의 선두 또는 함수 몸체의 선두에 'use strict'; 를 추가
• 전역의 선두에 추가 시 스크립트 단위로 strict mode 적용
• 함수 몸체 선두에 추가 시 해당 함수와 중첩 함수에 strict mode 적용
• 전역 단위로 strict mode 사용 시 스크립트 단위로 적용되기 때문에 외부 서드파티 라이브러리가 non-strict mode인 경우 혼란을 줄 수 있기 때문에 실행 함수로 스크립트 전체를 감싸서 스코프를 구분하는 것을 권장

strict mode가 발생시키는 에러

• 암묵적 전역
• 변수, 함수, 매개변수의 삭제
• 매개변수 이름의 중복
• with문의 사용
  • with문 : 전달된 객체를 스코프체인에 추가함
  • 동일 객체의 프로퍼티를 반복사용시 객체 이름 생략으로 코드를 간결하게 할 수 있지만 성능과 가독성이 나빠지는 단점으로 사용 지양

strict mode 적용에 의한 변화

• 일반 함수의 this에 undefined가 바인딩 됨. 생성자가 아닌 함수는 this를 사용할 필요가 없기 때문
• 매개변수에 전달된 인수를 재할당으로 변경해도 arguments 객체에 반영되지 않음

(function (a) {
  'use strict';
  a = 2;
  console.log(arguments); // [Arguments] { '0': 1 }
}(1));