-
[Javascript] 엄격모드, strict mode, use strict웹/JavaScript 2023. 1. 13. 19:33
엄격 모드 strict mode
기존의 느슨한 모드에서 허용되던, 문제를 유발할 수 있는 코드들에 오류를 발생시킴
- "지금부터 대충 넘어가지 않겠다."
🪖 엄격 모드의 적용방법과 그 효과들 예시
1. 선언되지 않은 변수 사용시 오류 발생 + 범위별 적용 방법
notDeclared = 1; // 💡 암묵적으로 전역 var 변수로 선언// ⚠️ 새로고침 후 실행해볼 것// 선언되지 않은 변수 사용 금지'use strict'; // 쌍따옴표도 가능notDeclared = 1; // 오류 발생!- 위와 같이 자바스크립트 문서 최상단에 작성 - 문서 전체에 적용
- 문서, script 태그별로만 적용 - 여러 .js파일이 페이지에 사용될 시 각각 작성해야 함
// 1.js'use strict';x = 1;console.log(x); // 오류 발생// 2.jsy = 2;console.log(y); // 오류 발생하지 않음
-
<!DOCTYPE html><html lang="ko"><head><script src="./1.js"></script><script src="./2.js"></script></head></html>
notDec1 = 1;function strictFunc () {'use strict';notDec2 = 2;console.log(notDec2);}console.log(notDec1);strictFunc();- 위와 같이 특정 함수의 최상단에 작성 - 해당 함수에만 적용
2. 변수, 함수, 인자 등 삭제불가한 것을 삭제시 오류 발생
// 실제로 지워지지도 않지만 오류를 발생시키지도 않음let toDelete1 = 1;delete toDelete1;console.log('1.', toDelete1);function funcToDel1 () { console.log(true); }delete funcToDel1;console.log('2.', funcToDel1);'use strict';let toDelete2 = 1;delete toDelete2;'use strict';function funcToDel2 () { console.log(true); }delete funcToDel2;3. 인자명 중복시 오류 발생
// 'use strict';function add(x, x) {return x + x;}console.log(add(1, 2));기타 기능들은 아래의 링크에서 확인
💡 실무에서의 엄격 모드
- 클래스나 모듈(등 ES6와 그 이후의 기능들) 사용시 엄격 모드가 기본으로 적용됨
- 🪄 모든 문제를 방지하는 수단이 되지 않음 기억
- ⚠️ 기존 코드에 엄격모드 적용시 주의 - 예기치 못한 오류 발생 가능
'웹 > JavaScript' 카테고리의 다른 글
[Javascript] 스코프와 바인딩, 렉시컬, 클로저 (0) 2023.01.14 [Javascript] 옵셔널 체이닝, prop, ?., 옵셔널 체이닝 연산자 (0) 2023.01.13 [Javascript] var (0) 2023.01.13 [Javascript] 에러 핸들링, try, catch, finally, error, error bubbling (1) 2023.01.13 [Javascript] 제너레이터, generator (0) 2023.01.13