딥다이브 스터디에서 제출 못한 strict mode 내용 정리
전역의 선두 또는 함수 몸체의 선두에 use strict;
추가
'use strict';
function foo() {
x = 10; // ReferenceError: x is not defined
}
foo();
function foo() {
'use strict';
x = 10; // ReferenceError: x is not defined
}
foo();
use strict;
를 위치시키지 않으면 제대로 동작하지 않는다.function foo() {
x = 10; // 에러를 발생시키지 않는다.
'use strict';
}
foo();
<!DOCTYPE html>
<html>
<body>
<script>
'use strict';
</script>
<script>
x = 1; // 에러가 발생하지 않는다.
</script>
<script>
'use strict';
y = 1; // ReferenceError: y is not defined
console.log(y);
</script>
</body>
</html>
(function () {
'use strict';
// Do something...
}());
(function () {
// non-strict mode
var let = 10; // 에러가 발생하지 않는다.
function foo() {
'use strict';
let = 20; // SyntaxError: Unexpected strict mode reserved word
}
foo();
}());
⇒ strict mode는 즉시 실행 함수로 감싼 스크립트 단위로 적용하는 것이 바람직하다.
ReferenceError
발생(function () {
'use strict';
x = 1;
console.log(x); // ReferenceError: x is not defined
}());
delete
연산자로 변수, 함수, 매개변수를 삭제하면 SyntaxError
발생(function () {
'use strict';
var x = 1;
delete x; // SyntaxError: Delete of an unqualified identifier in strict mode.
function foo(a) {
delete a; // SyntaxError: Delete of an unqualified identifier in strict mode.
}
delete foo; // SyntaxError: Delete of an unqualified identifier in strict mode.
}());
SyntaxError
발생(function () {
'use strict';
// SyntaxError: Duplicate parameter name not allowed in this context
function foo(x, x) {
return x + x;
}
console.log(foo(1, 2));
}());
with
문의 사용with
문을 사용하면 SyntaxError
발생with
문with
문은 사용하지 않는 것이 좋다.(function () {
'use strict';
// SyntaxError: Strict mode code may not include a with statement
with({ x: 1 }) {
console.log(x);
}
}());
this
this
에 undefined가 바인딩된다.this
를 사용할 필요가 없기 때문(function () {
'use strict';
function foo() {
console.log(this); // undefined
}
foo();
function Foo() {
console.log(this); // Foo {}
}
new Foo();
}());
arguments
객체arguments
객체에 반영되지 않는다.(function (a) {
'use strict';
// 매개변수에 전달된 인수 재할당
a = 2;
// 변경된 인수가 arguments 객체에 반영되지 않는다.
console.log(arguments); // { 0: 1, length: 1 }
}());