HTML5 매뉴얼

1-3-6.엄격 모드

자바스크립트의 문법은 굉장히 방만한 편이다. 좋게 말하면 유연하고 융통성이 있다고 할 수 있으며 덕분에 규칙을 제대로 지키지 않고도 자유롭게 코드를 작성할 수 있다. 그러나 자유로움 이면에는 애매함에 의한 치명적인 함정이 도사리고 있으며 브라우저간의 호환성을 떨어뜨리는 부작용도 있다.

처음 언어를 설계할 때는 쉽게 배워 쉽게 쓰자는 의도였으나 갈수록 요구 사항이 높아지고 쓰임새가 많아짐으로써 대규모 프로젝트를 위한 분명하고도 명확한 규칙이 필요해졌다. 그래서 좀 더 엄격한 규칙을 적용하는 엄격 모드가 새로 도입되었다. 엄격 모드를 사용하려면 스크립트 선두나 함수 선두에 다음 구문을 넣는다.

"use strict";

자바스크립트는 별도의 개발툴도 아니고 브라우저에 의해 해석 및 실행되다 보니 옵션을 지정할 마땅한 방법이 없다. 게다가 엄격 모드를 위한 별도의 키워드를 도입할 수도 없어 문자열 형태로 옵션을 선언하는 형식을 사용한다. 스크립트 선두에 이 구문을 쓰면 전체 스크립트에 엄격 모드가 적용되며 함수 선두에 이 구문을 쓰면 해당 함수에만 적용된다. 엄격 모드에서는 자바스크립트의 문법이 다음과 같이 바뀐다.

■ 변수를 선언하지 않고 사용할 수 없다.

■ 일반 함수에서 this는 전역 객체가 아닌 undefined가 된다.

■ eval() 안에서 변수나 함수를 선언할 수 없다.

■ with문을 사용할 수 없다.

■ 함수의 arguments 객체는 인수의 정적 사본이다.

■ 같은 이름으로 함수, 멤버, 인수를 중복 정의하면 에러 처리된다.

■ 8진수 리터럴을 허용하지 않는다.

■ public, interface 등 확장을 위한 예약어가 키워드로 인정된다.

■ 읽기 전용, 확장 불가, 삭제 불가 속성을 잘못 건드릴 경우 에러 처리한다.

아직은 문법을 배우지 않은 단계라서 이 규칙이 무엇을 의미하는지 잘 모르겠지만 이전의 좋지 않았던 구조나 말썽을 일으킬 가능성이 있는 문법을 더 안전하게 수정한 것이라고 이해하면 된다. 사실 이보다 훨씬 더 많은 세부 규칙이 존재한다. 엄격 모드를 사용하는 코드를 작성해 보자.

usestrict.html

<!DOCTYPE html>

<html>

<head>

<title>usestrict</title>

</head>

<body>

"use strict";

a = 1234;

document.write("a = " + a + "<br>");

</script>

</body>

</html>

변수 a를 var 선언없이 그냥 사용했다. 전통적인 자바스크립트는 변수를 선언하지 않아도 사용할 수 있지만 엄격 모드에서는 명백한 에러로 처리된다. 브라우저의 개발툴을 열어 보면 변수가 선언되지 않았다는 에러가 출력되며 웹 페이지에는 아무것도 출력되지 않는다.

이 메시지에 의해 개발자는 변수를 선언하지 않고 사용했다는 것을 분명히 알 수 있고 명시적인 선언을 유도함으로써 잠재적인 문제를 예방할 수 있다. "use strict"; 구문을 제거하고 실행하면 선언없이도 변수를 사용할 수 있으므로 아무 이상없이 잘 실행된다.

더 엄격한 문법을 적용하는 것은 코드의 품질 관리를 위해 바람직한 조치이다. 그러나 현업에서는 아직까지 엄격 모드를 사용하는 예가 그리 많지 않은데 왜냐하면 브라우저의 지원이 충분치 않기 때문이다. 이후에는 문법이 점점 더 엄격해지는 쪽으로 발전하고 있으므로 설사 엄격 모드를 명시적으로 선언하지 않는다 하더라도 가급적이면 엄격 모드의 규칙대로 코드를 작성하는 것이 바람직하다.