[240327] 20장 strict mode

20장 strict mode

strict mode란?

function foo() {
	x = 10; // 암묵적 전역 발생 
}
foo();

console.log(x) // 10

• ES5 도입
• 엄격모드 , 자바스크립트 언어의 문법을 좀 더 엄격히 적용
• 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러 발생
• ESLint 도구 사용해도 유사한 효과 얻을 수 있다.
• ES6 에서 도입된 클래스와 모듈은 기본적으로 strict 모드 적용

strict mode 적용

• 전역의 선두 또는 함수 몸체의 선두에 'use strict' 추가

'use strict'

function foo() {
	x = 10; // ReferenceError : x is not defined
}

foo();

• 코드 선두에 위치 하지 않으면 제대로 동작하지 않음

전역에 strict mode 적용은 피할 것

• 스크립트 단위로 적용된 strict mode 는 다른 스크립트에 영향을 주지 않고 해당 스크립트에 한정되어 적용됨
• strict mode 스크립트와 non-strict mode 스크립트를 혼영하는 것은 오류를 발생시킬 수 있다.
• 즉시 실행 함수로 스크립트 전체를 감싸서 스코프를 구분하고 즉시 실행 함수의 선두에 적용한다.

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

• 마찬가지로 즉시 실행 함수로 감싼 스크립트 단위로 적용하는 것이 바람직하다.

strict mode 가 발생시키는 에러

1. 암묵적 전역
2. 변수, 함수, 매개변수의 삭제 (delete 연산자)
3. 매개변수 이름의 중복
4. with 문의 사용

strict mode 적용에 의한 변화

• 일반 함수의 this
  • strict mode에서 함수를 일반 함수로서 호출하면 this에 undefined 가 바인딩된다. 생성자 함수가 아닌 일반 함수 내부에서는 this 를 사용할 필요가 없기 때문이다.
• arguments 객체
  • strict mode 에서는 매개변수에 전달된 인수를 재할당하여 변경해도 arguments 객체에 반영되지 않는다.

    (function(a) {
    	`use strict`;
    	// 매개변수에 전달된 인수를 재할당하여 변경
    	a = 2;
    	console.log(arguments); // {0:1, length: 1}
    }(1));