[모딥다] 20장 Strict Mode

🌽 20.1 strict mode란?

 

선언하지 않은 변수의 경우 ReferenceError가 생길 것 같지만, 사실 아님. 

JS가 암묵적으로 전역 객체에 변수-> 프로퍼티를 동적으로 생성함. 

=> 암묵적 전역

 

암묵적 전역은 오류 발생의 원인이 될 확률이 높음. 

그러니 변수 선언 키워드를 꼭 같이 사용해야함. 

 

하지만 실수는 언제나 발생하는데 -> 이런 잠재적 오류를 발생시키기 어려운 개발 환경을 만드는게 더 근본적인 해결책임. 

 

strict mode (엄격 모드) 

- ES5 부터 추가됨. 

- JS 의 문법을 좀 더 엄격히 적용

-> 오류를 발생시킬 가능성이 높거나,

-> JS 엔진의 최적화 문제에 작업을 일으킬 수 있는 코드에 대해

=> 명시적인 에러를 발생시킴. 

 

ESLint

- strict mode 와 유사한 효과를 얻을 수 있음.

- 린트도구는 정적 분석과 같은 기능을 통해 소스코드를 실행하기 전, 스캔 

=> 문법적 오류 뿐 아니라 잠재적 오류까지 찾아내고, 오류의 원인을 리포팅 해줌. 

- strict mode 가 제한하는 오류 + 코딩 컨벤션을 설정 파일의 형태로 정의하고 강제할 수 있음.

- strict mode 가 더 강력함. 

 

 

 

 

🌽 20.2 strict mode 의 적용

 

전역의 선두 (맨 위) 혹은 함수의 선두에 'use strict'; 추가

전역 -> 스크립트 전체에 strict mode 적용됨

함수 -> 해당 함수와 중첩 함수에 적용됨. 

 

맨 위에 안쓰면 말없이 동작 안함.

 

 

 

 

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

 

스크립트 단위로 적용되는데, 다른 스크립트에는 영향을 주지 않음. 

그럼 적용한 스크립트랑 아닌 스크립트랑 혼재될 수도 있고, 이로 인해 오류가 생길 수도 있음. 

 

 

 

 

 

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

 

모든 함수에 일일이 적용하는 것은 매우 번거로움. 

적용된 함수가 참조할 외부 컨텍스트에 strict mode 적용하지 않으면 이것도 문제가 됨. 

 

 

 

 

🌽 20.5  strict mode 가 발생시키는 에러

 

20.5.1 암묵적 전역

선언하지 않은 변수를 참조하면 ReferenceError 발생

 

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

delete 로 삭제하면 SyntaxError 발생

(엄격모드에서 사용하면 안된다고 에러 뜸)

 

20.5.3 매개변수 이름의 중복

SyntaxError 뜸. 

 

20.5.4 with 문의 사용

with 문은 전달된 객체를 스코프 체인에 추가함. SyntaxError 뜸. 

 

 

 

 

 

🌽 20.6  strict mode 적용에 의한 변화

 

20.6.1 일반 함수의 this

함수를 일반함수로 호출하면 this에 undefined 가 바인딩됨. 

생성자 함수 아니라서 필요없기 때문. 

에러는 발생하지 않음. 

 

20.6.2 arguments 객체

매개변수에 전달될 인수를 재할당해서 변경해도 arguments 객체에 반영되지 않음.