>  기사  >  웹 프론트엔드  >  Javascript 튜토리얼은 strict strict 모드를 사용합니다. 자세한 설명

Javascript 튜토리얼은 strict strict 모드를 사용합니다. 자세한 설명

巴扎黑
巴扎黑원래의
2017-09-18 09:25:591735검색

엄격 모드: ECMA-262 사양에 의해 정의된 JavaScript 표준은 javascript에 대해 더 강력한 제한을 적용합니다. 이 글은 주로 Javascript strict 모드 사용에 대한 자세한 설명을 소개합니다. 필요한 친구는 참고하면 됩니다.

Strict 모드: ECMA-262 사양에 정의된 JavaScript 표준은 javascript에 대한 더 강력한 제한을 적용합니다.

(비엄격 모드는 "sloppy 모드/sparse 모드/lazy 모드"라고 합니다.)

1. strict 모드의 사용

Strict 모드는 스크립트나 함수 수준에서 구현할 수 있습니다. (즉, 전역 및 로컬 모드)

1. Global

js 파일 앞에 "use strict"를 추가하세요

2. Local

다음과 같이 함수 내부에 "use strict"를 추가하세요


function fn() {
  "use strict";
  //some code
}

2. 엄격 모드와 비엄격 모드 비교

1. 엄격 모드에서는 변수를 삭제할 수 없습니다(삭제는 비수식 식별자입니다). 비엄격 모드에서는 삭제 실패 시 false가 반환됩니다


"use strict";
var x;
delete x;//报错Delete of an unqualified identifier in strict mode.(不合格的标识符)

2. 엄격 모드에서는 함수 매개변수의 이름이 같으면 비엄격 모드에서는 오류가 발생하지 않습니다.

엄격 모드에서는


function fn(a,a){
 "use strict";
  result=a+a;
  console.log(result);
}
fn(2,4);//Duplicate parameter name not allowed in this context(重复的参数名称在此上下文中不允许)

비엄격 모드


function fn1(a,a){
  "use strict";
  result=a+a;
  console.log(result);
}
fn1(2,4);//结果为8

3. 엄격 모드는 8진 정수 리터럴을 허용하지 않습니다(아래 참조). 비엄격 모드에서는 오류가 보고되지 않습니다.


"use strict"
var x=089;
console.log(x);//报错:Decimals with leading zeros are not allowed in strict mode.

4. 엄격 모드에서 인수 개체는 전달된 함수에 있는 실제 매개변수 목록의 정적 복사본입니다. 즉, 비엄격 모드에서는 매개변수의 변경 사항이 더 이상 추적되지 않습니다. 인수 객체와 해당 실제 매개변수는 동일한 값에 대한 참조입니다.

엄격 모드


fn(5);
function fn(a){
  "use strict";
  a = 42;
  // return a==arguments[0];//返回false
  console.log(a);//结果为42
  console.log(arguments[0]);//结果为5,严格模式下arguments[0]表示这个调用方法的第一个参数     (不再追踪  参数的变化,在函数内部,参数a被重新赋值为42,但arguments[0]仍然为5.)
}

비엄격 모드


fn(5);
function fn(a){
  a = 42;
  // return a==arguments[0];//返回true
  console.log(a);//结果为42
  console.log(arguments[0]);//结果为42(追踪参数变化)

}

5 엄격 모드에서는 eval과 인수가 키워드로 사용되며 변수 선언으로 할당하거나 사용할 수 없습니다


"use strict";
var eval=3;//报错:Unexpected eval or arguments in strict mode
var argument=6;//同样报错

6. 엄격 모드는 호출 스택을 감지하는 기능을 제한합니다.args.callee에 액세스할 때,args.callee.caller는 예외를 발생시킵니다.

엄격 모드:


"use strict";
function fn(n){
  if(n==0){
    return 1;
  }else{
    return n*arguments.callee(n-1);
  }
}
console.log(fn(5));//报错

비엄격 모드:


function fn(n){//阶乘
  if(n==0){
    return 1;
  }else{
    return n*arguments.callee(n-1);
  }
}
console.log(fn(5));//正常120

caller: 함수가 다른 함수를 호출하면 호출된 함수는 자신을 호출한 함수 개체를 가리키는 호출자 속성을 자동으로 생성합니다. 함수가 현재 호출되지 않거나 다른 함수에 의해 호출되지 않는 경우

호출자는 null입니다. 다음과 같습니다.

엄격 모드:


"use strict"
function fn1() {
  var n1= fn1.caller;
  console.log(n1);
}
function fn2() {
  fn1();
}
fn2();//报错

비엄격 모드:


function fn1() {
  var n1= fn1.caller;//此例中caller指向调用它的函数(fn2)
  console.log(n1);
}
function fn2() {
  fn1();
}
fn2();// 结果打印出:function fn2(){ fn1( ) };

7. 엄격 모드 변수는 먼저 선언되어야 하며 변수에 직접 값을 할당하지 않습니다. 암시적으로 생성되며 with는 사용할 수 없습니다.

엄격 모드


"use strict";
with(obj){
  x;
}//报错:Strict mode code may not include a with statement

설명: 스크립트를 실행할 때 먼저 컴파일된 다음 실행됩니다. 분명히 컴파일 타임에는 with 문 블록의 변수가 어떤 개체에 속하는지 컴파일 타임에 결정할 수 없습니다. [with 문 블록의 변수는 (cl)의 속성이거나 상위 변수 범위 체인의 변수입니다. ]. (c1)이 Clothes의 인스턴스라는 것은 실행 시에만 결정될 수 있습니다. 이는 컴파일 타임에 변수가 정의되었는지 확인하는 엄격 모드와 충돌하므로 엄격 모드에서는 with 문을 사용하지 않습니다.

확장: with 문의 사용(특정 객체의 기존 속성을 참조하는 데 사용되지만 객체에 속성을 추가하는 데는 사용할 수 없습니다.) 창으로 변환해서 그대로 유지

위 내용은 Javascript 튜토리얼은 strict strict 모드를 사용합니다. 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.