Javascript 엄격 모드에 대한 자세한 설명

1. 개요

ECMAscript 5에는 일반 작동 모드 외에 두 번째 작동 모드인 "엄격 모드"가 추가되었습니다. 이름에서 알 수 있듯이 이 모드는 Javascript가 더 엄격한 조건에서 실행되도록 합니다.

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

　 - Javascript 구문의 일부 불합리하고 부정확한 측면을 제거하고 이상한 동작을 줄입니다.

　 - 실행 중인 코드의 일부 안전하지 않은 측면을 제거하여 코드 실행 안전성;

　 - 컴파일러 효율성 향상 및 실행 속도 향상

　 - 미래에 새로운 버전의 Javascript를 위한 기반을 마련하세요.

"엄격 모드"는 Javascript의 보다 합리적이고 안전하며 보다 엄격한 개발 방향을 구현합니다. IE 10을 포함한 주류 ​​브라우저는 이미 이를 지원하고 있으며 많은 대규모 프로젝트에서 이를 완전히 수용하기 시작했습니다.

반면에 "엄격 모드"에서는 동일한 코드의 실행 결과가 다를 수 있습니다. "일반 모드"에서 실행될 수 있는 일부 명령문은 "엄격 모드"에서는 실행되지 않습니다. 이러한 내용을 마스터하면 Javascript를 더 자세히 이해하고 더 나은 프로그래머가 될 수 있습니다.

이 글에서는 "엄격 모드"에 대해 자세히 소개하겠습니다.

2. 기호 입력

"엄격 모드" 입력 기호는 다음과 같습니다.

　"use strict";

이전 버전의 브라우저에서는 이를 일반 문자열로 간주하여 무시합니다.

3. 호출 방법

"엄격 모드"에는 다양한 경우에 적합한 두 가지 호출 방법이 있습니다.

3.1 전체 스크립트 파일의 경우

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

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

　　
　　　"엄격 사용" ";
　　 console.log("엄격 모드입니다.");
　

　<script><br/>　　 console.log("일반 모드입니다.");kly , 이제 거의 2년 전 일이라는 것을 인정할 수 있습니다. 컴퓨터가 50대 정도 있는 학교 네트워크에서 실행하고 있습니다.<br/>　　</script>

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

3.2 단일 기능의 경우

함수 본문의 첫 번째 줄에 "use strict"를 넣으면 전체 함수가 "strict 모드"로 실행됩니다. 3.3 스크립트 파일 작성의 대체 방법

첫 번째 호출 방법은 파일 병합에 도움이 되지 않기 때문에 더 나은 접근 방식은 두 번째 방법을 빌려 전체 스크립트 파일을 즉시 실행되는 익명 함수에 넣는 것입니다.


　　(function (){

　　"use strict";

　　　 // 여기에 일부 코드
　　 })();

4. 구문 및 동작 변경

Strict 모드는 Java의 구문과 동작에 영향을 미칩니다. 스크립트. 몇 가지 사항을 변경했습니다.

4.1 전역 변수의 명시적 선언

일반 모드에서 변수에 선언하지 않고 값을 할당하면 기본값이 전역 변수가 됩니다. 엄격 모드에서는 이러한 사용이 금지되며 전역 변수는 명시적으로 선언되어야 합니다.

"use strict";

　v = 1; // 오류, v가 선언되지 않았습니다

　for(i = 0; i 　}

따라서 Strict 모드에서는 변수를 사용하기 전에 var 명령으로 선언해야 합니다.

4.2 정적 바인딩

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

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

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

(1) with 문

을 사용하는 것은 금지됩니다. with 문은 컴파일 타임에 속성이 속한 객체를 결정할 수 없기 때문입니다.

"엄격한 사용";

var v = 1;

with (o) {// Syntax 오류
v = 2;
}

(2) 정상 모드에서 평가 범위를 만듭니다. Javascript 언어에는 전역 범위와 함수 범위라는 두 가지 유형의 변수 범위가 있습니다. 엄격 모드는 세 번째 범위인 eval 범위를 만듭니다.

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

　"엄격한 사용";

　var x = 2;

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

　console.info(x);

4.3 강화된 보안 조치

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

　　function f(){

　　 return !this;
　　}
　 // "this"가 포인트이므로 false를 반환합니다. 전역 객체 Object에 "!this"는 false입니다

　function f(){

　　"use strict";
　　return !this;
　　}
　 // true를 반환합니다. 왜냐하면 strict 모드에서는 this의 값이 정의되지 않았기 때문입니다. 그래서 "!this"는 사실입니다.

따라서 생성자를 사용할 때 new를 추가하는 것을 잊어버리면 더 이상 전역 개체를 가리키지 않지만 오류가 보고됩니다.

　　function f(){

　　"use strict";

　　this.a = 1;

　　};

　f(); // 오류, 정의되지 않았습니다

(2) 함수 내부의 호출 스택을 순회하는 것은 금지되어 있습니다

　function f1(){

　　"use strict";

　　f1.caller; // 오류 보고

　　f1.arguments; // 오류 신고

　　}

　　f1();

4.4 변수 삭제 금지

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

　"use strict";

　var x;

　delete x; // 구문 오류

　var o = Object.create(null, {'x': {
　　　value: 1,
　　　configurable: true
　} });

　delete o.x; //삭제 성공

4.5 명시적 오류 보고

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

　"use strict";
　var o = {};

　Object.defineProperty(o, "v", { value: 1, writable: false });

　o.v = 2; // 오류 보고

strict 이 모드에서는 getter 메서드를 사용하여 읽은 속성에 값을 할당할 때 오류가 보고됩니다.

　"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 삭제 // 오류 신고

4.6 중복 이름 오류

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

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

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

　"use strict";

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

(2) 함수는 중복된 이름을 가진 매개변수를 가질 수 없습니다

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

"엄격한 사용";

함수 f (a, a, b) {// syntax error return;

4.7 Octal 표기법은 정상 모드에서 금지되어 있습니다. 첫 번째 정수 비트가 0이면 8진수라는 뜻입니다. 예를 들어 0100은 10진수로 64입니다. 엄격 모드에서는 이 표현이 금지되며 정수의 첫 번째 비트는 0이며 오류가 보고됩니다.

　　"use strict";

　var n = 0100; // 구문 오류

4.8 인수의 제한 사항 object

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

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

　"use strict";

　arguments++; // 구문 오류

　var obj = { set p(arguments) { } } // 구문 오류

try { } catch (arguments) { } // 구문 오류

　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) {

　　"use strict";

　　a = 2;

　　return [a, 인수[0]];

　}

　f(1) // 엄격 모드는 [2, 1]

(3) Arguments.callee

을 사용하는 것은 금지되어 있습니다. 즉, 익명 함수 내에서 자신을 호출할 수 없습니다.

　"use strict";

　var f = function() { returnargs.callee; };

　f(); // 오류 보고

4.9 함수는 최상위 수준에서 선언되어야 합니다

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

　"엄격한 사용";

　if (true) {

　　function f() { } // 구문 오류

　　}

　for (var i = 0; i

　　function f2() { } // 구문 오류

　　}

4.10 예약어

향후 새 버전의 Javascript로 전환하기 위해 엄격 모드에서는 새로운 예약어를 추가했습니다: Implements, 인터페이스, 하자, 패키지, 비공개, 보호, 공개, 정적, 항복.

이 단어를 변수 이름으로 사용하면 오류가 발생합니다.

　function package(protected) { // 구문 오류

　　"use strict";

　var Implements; // 구문 오류

　}

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

5. 참조 링크

- MDN, Strict mode
- Dr. Axel Rauschmayer, JavaScript의 strict 모드: 요약
- Douglas Crockford, Strict Mode Is Coming To Town

이 문서에서는 Javascript strict 모드에 대해 자세히 설명합니다. 관련 내용은 PHP 중국어 웹사이트를 참고하세요.

관련 추천:

로그인 기능 구현을 위한 PHP 관련 코드 분석

JavaScript 관련 내용 설명

HTML 기본 설명

위 내용은 Javascript 엄격 모드에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!