Javascript_javascript 기술의 엄격 모드에 대한 자세한 소개

"엄격 모드"는 ECMA-262 Edition 5에서 정의된 새로운 구문으로, 이전에 일반적으로 사용된 일부 작성 방법에서는 다음과 같은 엄격한 Javascript 구문을 사용해야 함을 의미합니다.
1. 변수
앞에는 var 선언이 없습니다. 2. 8진수 구문을 사용합니다: var n = 023 및 var s = "

1. "엄격 모드"를 사용하는 이유


"엄격 모드"를 설정하는 주요 목적은 다음과 같습니다.

1. Javascript 구문의 일부 불합리하고 부정확한 측면을 제거하고 일부 이상한 동작을 줄입니다.
2. 코드 실행의 일부 안전하지 않은 측면을 제거하고 코드 실행의 안전성을 보장합니다.
3. 실행 속도;
4. 미래의 새로운 버전의 Javascript를 위한 기반을 마련하십시오.

"엄격 모드"는 Javascript의 보다 합리적이고 안전하며 보다 엄격한 개발 방향을 반영합니다. IE 10을 포함한 주류 ​​브라우저는 이미 이를 지원하고 있으며 많은 대규모 프로젝트에서 이를 완전히 수용하기 시작했습니다.
반면에 "엄격 모드"에서는 동일한 코드의 실행 결과가 다를 수 있습니다. "일반 모드"에서 실행될 수 있는 일부 명령문은 "엄격 모드"에서 실행되지 않습니다. 이러한 내용을 마스터하면 Javascript를 더 자세히 이해하고 더 나은 프로그래머가 될 수 있습니다.
이번 글에서는 "엄격 모드"에 대해 자세히 소개하겠습니다.

2. "엄격 모드"를 선언합니다

"엄격 모드" 선언은 단 하나의 구문으로 매우 간단합니다:

코드 복사

코드는 다음과 같습니다.

"use strict";

참고: 이전 버전의 브라우저에서는 이를 일반 문자열의 한 줄로 처리하고 무시합니다.

3. '엄격 모드' 선언의 입장과 맥락 "엄격 모드"는 주로 해당 함수가 위치한 범위에 영향을 미칩니다. 함수에 사용하면 전역 범위 및 기타 사용되지 않는 함수가 "엄격 모드"가 되지 않습니다. 즉, 엄격 모드 선언의 범위는 해당 컨텍스트에 따라 다릅니다. 엄격 모드가 전역 컨텍스트(함수 범위 외부)에서 선언되면 프로그램의 모든 코드는 엄격 모드에 있습니다. 함수에서 엄격 모드를 선언하면 함수 내의 모든 코드는 엄격 모드가 됩니다. 예를 들어 다음 예제에서는 모든 코드가 엄격 모드에 있으며 함수 외부에서 변수를 선언하면 "변수가 엄격 모드에서 정의되지 않았습니다."라는 구문 오류가 발생합니다. "엄격 모드"에는 다양한 상황에 적합한 두 가지 호출 방법이 있습니다.

1. 전체 스크립트 파일

스크립트 파일의 첫 번째 줄에 "use strict"를 넣으면 전체 스크립트가 "strict 모드"로 실행됩니다. 이 명령문 줄이 첫 번째 줄이 아니면 유효하지 않으며 전체 스크립트가 "일반 모드"에서 실행됩니다. 서로 다른 모드의 코드 파일이 하나의 파일로 병합되는 경우 특별한 주의가 필요합니다.

( 엄밀히 말하면 실제 연산 결과를 산출하는 문이 앞에 나오지 않는 한, 빈 세미콜론 바로 뒤에 오는 등 첫 번째 줄에 "use strict"가 올 필요는 없습니다.)

코드 복사

코드는 다음과 같습니다.

<script><P>"사용 strict"; <div class="codetitle">console.log("엄격 모드입니다.");<span></script> <script></script>console.log("일반 모드입니다.");

위 코드는 웹페이지에 두 개의 Javascript 코드가 있음을 나타냅니다. 전자의 스크립트 태그는 엄격 모드에 있지만 후자는 그렇지 않습니다.


2. 단일 기능의 경우

함수 본문의 첫 번째 줄에 "use strict"를 넣으면 전체 함수가 "strict 모드"로 실행됩니다.

코드 복사

코드는 다음과 같습니다.

function strict(){
" use strict" ;

return "이것은 엄격 모드입니다.";}function notStrict() {return "이것은 일반 모드입니다.";}

3. 스크립트 파일을 작성하는 다른 방법

첫 번째 호출 방법은 파일 병합에 도움이 되지 않으므로 더 나은 접근 방식은 두 번째 방법과 전체 스크립트 파일은 즉시 실행되는 익명 함수에 배치됩니다.

코드 복사 코드는 다음과 같습니다.

(함수(){

"엄격한 사용";
// 여기에 일부 코드

})();

4. "엄격 모드"의 구문 및 동작 변경

"엄격 모드"는 Javascript의 구문과 동작을 일부 변경했습니다.

1. 전역 변수의 명시적 선언

일반 모드에서는 변수를 사용할 때 var로 먼저 선언할 필요가 없지만(명시적 선언), Strict 모드에서는 변수를 사용하기 전에 var로 선언해야 합니다. 그렇지 않으면 오류가 발생합니다. .

코드 복사 코드는 다음과 같습니다.

"use strict";
v = 1; // 오류 보고됨, v가 선언되지 않음
for(i = 0; i }

따라서 엄격 모드에서는 변수가 먼저 var 명령을 사용하여 선언한 후 사용해야 합니다.

2. 정적 바인딩

Javascript 언어의 특징은 "동적 바인딩"을 허용한다는 것입니다. 즉, 특정 속성과 메서드가 어떤 객체에 속하는지는 컴파일 타임이 아니라 런타임에 결정됩니다.

엄격 모드는 동적 바인딩에 몇 가지 제한을 적용합니다. 어떤 경우에는 정적 바인딩만 허용됩니다. 즉, 속성과 메서드가 어떤 개체에 속하는지 컴파일 단계에서 결정됩니다. 이렇게 하면 컴파일 효율성이 향상되고, 코드를 더 쉽게 읽을 수 있으며, 예상치 못한 일이 줄어듭니다.

구체적으로는 다음과 같은 측면을 포함합니다.

(1) with 문 사용을 금지합니다

with 문은 컴파일 타임에 속성이 속한 객체를 결정할 수 없기 때문입니다.

코드 복사 코드는 다음과 같습니다.

"use strict";
var v = 1 ;
with (o){ // 구문 오류
v = 2;
}

(2) 평가 범위 생성

일반 모드에서 Javascript 언어에는 전역 범위와 함수 범위라는 두 가지 변수 범위가 있습니다. 엄격 모드는 세 번째 범위인 eval 범위를 만듭니다.
일반 모드에서 eval 문의 범위는 전역 범위에 있는지 함수 범위에 있는지에 따라 달라집니다. 엄격 모드에서는 eval 문 자체가 범위이므로 더 이상 전역 변수를 생성할 수 없습니다. 생성되는 변수는 eval 내에서만 사용할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

"use strict";
var x = 2 ;
console.info(eval("var x = 5; x")) // 5
console.info(x) // 2

3. 강화된 보안 조치

(1) 이 키워드가 전역 객체를 가리키는 것을 금지합니다

코드 복사 코드는 다음과 같습니다. 다음과 같습니다:

function f(){
return !this;
}
// "this"가 전역 개체인 "!this"를 가리키므로 false를 반환합니다. is false
function f (){
"use strict";
return !this;
}

// true를 반환합니다. 엄격 모드에서는 this의 값이 다음과 같기 때문입니다. 정의되지 않았으므로 "!this"는 true입니다.
따라서 생성자를 사용할 때 new를 추가하는 것을 잊어버리면 더 이상 전역 객체를 가리키지 않지만 오류가 보고됩니다.

코드 복사 코드는 다음과 같습니다.

function f(){

"use strict";
this.a = 1;
};
f();// 오류, 정의되지 않았습니다

일반 함수 호출 f()에서 this 값은 전역 개체를 가리킵니다. 엄격 모드에서 this 값은 호출 및 적용을 통해 함수가 호출될 때 thisvalue 매개 변수를 가리킵니다. 전달된 값은 null 및 정의되지 않은 기본 값(문자열, 숫자, 부울 값)의 경우 this 값은 해당 기본 값에 해당하는 패키징 개체가 됩니다. this 값은 전역 객체를 가리킵니다. 엄격 모드에서 this 값은 유형 변환 없이 thisvalue 매개변수의 값입니다.

(2) 함수 내부의 호출 스택 순회는 금지됩니다

코드 복사 코드는 다음과 같습니다.

function f1(){

"use strict";
f1.caller; // 오류 보고
f1.arguments; // 오류 보고
}
f1();

4. 변수 삭제는 금지됩니다

엄격 모드에서는 변수를 삭제할 수 없습니다. 구성 가능 항목이 true로 설정된 개체 속성만 삭제할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

"use strict";
var x;
delete x; // 구문 오류
var o = Object.create(null, 'x', {
값: 1,
구성 가능: true
});
delete o.x ; // 삭제 성공

5. 명시적인 오류 보고

일반 모드에서 개체의 읽기 전용 속성에 값을 할당하면 오류가 보고되지 않지만 자동으로 실패합니다. 엄격 모드에서는 오류가 보고됩니다.

코드 복사 코드는 다음과 같습니다.

"use strict";
var o = { };
Object.defineProperty(o, "v", { value: 1, writable: false });
o.v = 2; // 오류 보고

엄격 모드에서는 메소드에서 읽은 속성에 값이 할당되면 오류가 보고됩니다.

코드 복사 코드는 다음과 같습니다.

"use strict";
var o = {
get v() { return 1; }
};
o.v = 2; // 오류 보고

엄격 모드에서는 금지된 개체에 새 속성을 추가합니다. 확장하면 오류가 보고됩니다.

코드 복사 코드는 다음과 같습니다.

"use strict";
var o = { };
Object.preventExtensions(o);
o.v = 1; // 오류 보고

엄격 모드에서 삭제할 수 없는 속성을 삭제하면 오류가 보고됩니다.

코드 복사 코드는 다음과 같습니다.

"use strict";
삭제 Object.prototype ; // 오류 보고

6. 이름 중복 오류

엄격 모드에 몇 가지 새로운 구문 오류가 추가되었습니다.

(1) 객체는 이름이 중복되는 속성을 가질 수 없습니다.

일반 모드에서 개체에 동일한 이름의 속성이 여러 개 있는 경우 마지막으로 할당된 속성이 이전 값을 덮어씁니다. 엄격 모드에서는 구문 오류입니다.

코드 복사 코드는 다음과 같습니다.

"use strict";
var o = {
p: 1,
p: 2
} // 구문 오류

(2) 함수에는 중복된 이름의 매개변수를 사용할 수 없습니다.

일반 모드에서 함수에 동일한 이름의 매개변수가 여러 개 있는 경우 인수[i]를 사용하여 읽을 수 있습니다. 엄격 모드에서는 구문 오류입니다.

코드 복사 코드는 다음과 같습니다.

"use strict";
함수 f(a , a, b) { // 구문 오류
return ;
}

7. 8진수 표기는 금지됩니다

일반 모드에서 정수의 첫 번째 숫자가 0이면 8진수라는 의미입니다. 예를 들어 0100은 10진수로 64입니다. 엄격 모드에서는 이 표현이 금지되며 정수의 첫 번째 비트는 0이며 오류가 보고됩니다.

코드 복사 코드는 다음과 같습니다.

"use strict";
var n = 0100 ; // 구문 오류
8. 인수 객체의 제한

arguments는 함수의 매개변수 객체이며 엄격 모드에서는 사용이 제한됩니다.

(1) 인수 할당은 허용되지 않습니다

코드 복사 코드는 다음과 같습니다. 다음과 같습니다:

"use strict";
arguments ; // 구문 오류
var obj = { set p(arguments) { } } // 구문 오류
try { } catch ( 인수) { } // 구문 오류
function 인수() { } // 구문 오류
var f = new Function("arguments", "'use strict'; return 17;"); // 구문 오류

(2) 인수는 더 이상 매개변수 변경 사항을 추적하지 않습니다.

코드 복사 코드는 다음과 같습니다.

function f(a) {
a = 2;
return [a, 인수[0]];
}
f(1) // 일반 모드는 [2,2]
function f(a) {
"엄격한 사용";
a = 2;
return [a, 인수[0]];
}
f (1); // 엄격 모드는 [2,1]

(3) 인수.callee 사용이 금지됩니다

즉, 익명 함수 내에서는 자신을 호출할 수 없습니다.

코드 복사 코드는 다음과 같습니다.

"use strict";
var f = function () { returnargs.callee; };
f(); // 오류 보고

9. 함수는 최상위 수준에서 선언해야 합니다

향후 새로운 버전의 Javascript에 "블록 수준 범위"가 도입될 예정입니다. 새 버전에 맞춰 엄격 모드에서는 전역 범위 또는 함수 범위의 최상위 수준에서만 함수를 선언할 수 있습니다. 즉, 함수가 아닌 코드 블록 내에서는 함수를 선언할 수 없습니다.

코드 복사 코드는 다음과 같습니다.

"use strict";
if (true) {
function f() { } // 구문 오류
}
for (var i = 0; i function f2() { } // 구문 오류
}

10. 예약어

향후 새 버전의 Javascript로 전환하기 위해 엄격 모드에서는 Implements, 인터페이스, let, package, private, protected, public, static, Yield와 같은 몇 가지 새로운 예약어를 추가합니다.
이러한 단어를 변수 이름으로 사용하면 오류가 발생합니다.

코드 복사 코드는 다음과 같습니다.

function package(protected) { // 구문 error
"use strict";
var Implements; // 구문 오류
}

또한 ECMAscript의 다섯 번째 버전은 다른 예약어(class, enum, import, extends, import , super) 및 주요 브라우저에서 추가하는 const 예약어는 변수 이름으로 사용할 수 없습니다.