자바스크립트에서는 여러모로 암묵적으로 에러를 발생시키지 않는 경우가 허다하다.
이는 유연한 프로그래밍이라고 할 수도 있지만, 복잡한 버그를 발생시킬 수 있다.
따라서 우리는 이를 좀 더 엄격하게, 틀에 가두어 사용하기 위해 strict mode를 사용할 수 있다.
우선, strict mode의 사용법이다.
'use strict';
function hello(){
x = 100;
console.log(x);
}
hello();
strict mode를 사용할 곳에 'use strict'를 작성해주면 된다.
이 'use strict'가 작성된 곳부터 적용되기 때문에, 'use strict' 위에 있는 코드가 있다면 그 코드는 strict mode가 적용되지 않는다.
이러한 strict mode를 사용하여 예방할 수 있는 문제는 아래와 같다.
- 암묵적 전역
- 변수 , 함수, 매개변수의 삭제
- 매개변수 이름의 중복
- with 문 사용
암묵적 전역은 선언되지 않은 변수를 자바스크립트 엔진이 암묵적으로 전역 변수로 선언하는 것이다.
function hello(){
x = 1000;
console.log(x);
}
hello();
위 코드에서 x를 선언한 코드는 존재하지 않는다. 함수 스코프 내에 x가 존재하지 않으므로 전역 스코프로 이동하여 찾을 것이고, 전역 스코프에도 없기 때문에 에러가 나야할 거 같다.
하지만 자바스크립트 엔진이 x를 전역 변수로 암묵적으로 선언한다.
이러한 문제에 strict mode를 사용하여 에러를 발생시킬 수 있는 것이다.
변수와 함수, 매개변수를 삭제하는 경우에도 원래는 아무 에러를 발생시키지 않지만, strict mode에서는 SyntaxError를 발생시킨다.
'use strict';
var x = 1010;
delete x; // SyntaxError : Delete of an unqualified identifier in strict mode.
매개변수 이름의 중복도 원래는 자바스크립트 엔진이 에러를 발생시키지 않는다. strict mode를 사용하면 이 또한 SyntaxError를 발생시킨다.
'use strict';
function hello(x, x){
return x + x; // SyntaxError : Duplicate parameter name not allowed in this context.
}
console.log(hello(1,2));
with 문은 전달된 객체를 스코프 체인에 추가하는 문이다. 스코프 체인을 건드리는 만큼 잘 사용하면 코드가 간단해지지만 잘못 사용한다면 코드에 치명적인 문제를 야기할 수 있으므로 사용하지 않는 것이 좋다.
strict mode에서는 with문을 사용하면 바로 SyntaxError를 발생시킨다.
'use strict';
with({x:1}){
console.log(x); // SyntaxError : Strict mode code may not inclue a with statement
}
기본적으로 자바스크립트는 굉장히 유연한 언어이기 때문에 그대로 사용한다면 발생할 수 있는 문제점이 상당수 존재한다.
그게 우리가 자바스크립트에 대해 깊게 공부하고 코드를 작성해야 하는 이유라고 생각한다.
그리고 개인적인 생각으로는 이렇게 통통 튀는 점이 바로 자바스크립트의 매력인 거 같다. ❤️