20.1 strict mode란?
function foo(){
x = 10;
}
foo();
console.log(x);
JavaScript
복사
x의 경우 JS 엔진이 암묵적으로 전역 객체에 x 프로퍼티를 동적으로 생성해 에러가 발생하지 않는다. 이를 암묵적 전역이라고 한다.
이러한 문제들을 해결하기위 해 strict mode가 추가되었다.
20.2 strict mode의 적용
전역의 선두나 함수의 선두에 ‘use strict’;를 추가한다.
20.3 전역에 strict mode를 적용하는 것은 피하자
전역에 적용한 strict mode는 스크립트 단위로 적용되는데 위부 라이브러리 등에서 문제를 발생시킬 수 있다.
20.4 함수 단위로 strict mode를 적용하는 것도 피하자
어떤 함수는 strict mode를 적용하고 어떤함수는 미적용하면 번거롭기도하고, 문제를 발생시킬 수 있다.
20.5 strict mode가 발생시키는 에러
20.5.1 암묵적 전역
선언하지 않은 변수를 참조하면 ReferenceError 가 발생
(function () {
'use strict';
x = 1;
console.log(x); // ReferenceError: x is not defined
}());
JavaScript
복사
20.5.2 변수, 함수, 매개변수의 삭제
delete 연산자로 변수, 함수, 매개변수를 삭제하면 SyntaxError가 발생한다.
(function () {
'use strict';
var x = 1;
delete x; // Uncaught SyntaxError: Delete of an unqualified identifier in strict mode.
}());
JavaScript
복사
20.5.3 매개변수 이름의 중복
중복된 매개변수 이름을 사용하면 SyntaxError가 발생한다.
(function(){
'use strict';
function foo(x, x){
return x + x;
}
console.log(foo(1,2));
}());
// Uncaught SyntaxError: Duplicate parameter name not allowed in this context
JavaScript
복사
20.5.4 with 문의 사용
with문을 사용시 에러를 발생시킨다. with문은 동일한 객체의 프로퍼티를 반복해서 사용할 때 객체 이름을 생략할 수 있어서 좋지만, 성능과 가독성이 나빠진다.
20.6 strict mode 적용에 의한 변화
20.6.1 일반 함수의 this
strict mode에서 함수를 일반 함수로서 호출하면 this에 undefined가 바인딩된다. 생성자 함수가 아닌 일반 함수 내부에서는 this를 사용할 필요가 없기 때문이다.
20.6.2 arguments 객체
strict mode에서는 매개변수에 전달된 인수를 재할당하여 변경해도 arguments 객체에 반영되지 않는다.