js의 엄격 모드에 대해 알아야 할 사항에 대한 간략한 분석

이 글의 내용은 js의 strict 모드를 익히기 위해 필요한 내용을 간략하게 분석한 내용입니다. 필요한 친구들이 참고하시면 좋을 것 같습니다.

엄격 모드

먼저, 엄격 모드가 무엇인지 알아볼까요?
엄격 모드는 하위 집합이 아닌 JavaScript의 더 제한적인 변형입니다. 일반 코드와 의미상으로 크게 다르며, 엄격 모드를 지원하지 않는 브라우저와 엄격 모드를 지원하는 브라우저의 동작도 다르므로 사용하지 마세요. 엄격 모드 기능을 테스트하지 않는 엄격 모드는 비엄격 모드와 공존할 수 있으므로 스크립트는 점진적이고 선택적으로 엄격 모드에 참여할 수 있습니다

• 엄격 모드의 목적

첫째, 엄격 모드는 JavaScript 트랩을 직접 명백하게 만듭니다. 둘째, 엄격 모드는 엔진이 최적화하기 어려운 일부 오류를 수정합니다. 동일한 코드는 때로는 비엄격 모드보다 엄격 모드에서 더 빠릅니다. 셋째, 엄격 모드는 비활성화됩니다. 일부 구문은 향후 버전에서 정의될 수 있습니다

• 전역적으로 엄격 모드 활성화

JavaScript에서 엄격 모드를 활성화하려면 모든 코드 전에 어떤 변수에도 할당되지 않는 문자열을 정의해야 합니다.

'use strict';//或者"use strict"

이전 JavaScript가 비엄격 모드인 경우, 이 코드에 대해 엄격 모드를 맹목적으로 활성화하지 않는 것이 좋습니다. 그러면 문제가 발생할 수 있습니다. 지정된 함수에 대해 엄격 모드를 활성화하는 것이 좋습니다. :

//函数外部依旧是非严格模式
function fun(){
    'user strict';//开启严格模式
}

엄격 모드 사용

(function(){
    'use strict';//开启严格模式
})();

• 실수로 변수를 생성하는 것은 금지됩니다

엄격 모드에서는 실수로 전역 변수를 생성하는 것이 허용되지 않습니다.

다음 예 코드는 실수로 전역 변수를 생성합니다. 비엄격 모드의 변수

//未声明的变量
result='这是一个没用var声明的全局变量';

다음 예제 코드는 엄격 모드에서 실수로 전역 변수를 생성했습니다

'use strict';//开启严格模式
//严格模式下，意外创建全局变量，抛出ReferenceError
message='this is message';//ReferenceError: result is not defined

• 자동 실패는 예외로 변환됩니다

자동 실패는 오류를 보고하지도 않고 아무런 영향도 미치지 않는다는 것을 의미합니다. 예를 들어 상수 값을 변경하면 자동 실패가 예외 발생으로 변환됩니다. 참고: 일부 브라우저에서는 이를 수행하지만 일부 브라우저에서는 자동 실패를 수행하지 않습니다.

const PI=3.14;
PI=1.14;//静默失败
console.log(PI);//3.14

다음 예제 코드는 엄격 모드에서 자동 실패입니다

'use strict';//开启严格模式

const PI=3.14;
PI=1.14;//抛出TypeError错误

삭제 키워드를 비활성화합니다
엄격 모드에서는 변수에 삭제 연산자를 사용할 수 없습니다

다음 예제 코드 비엄격 모드에서 삭제 연산자를 사용하면 결과는 자동 실패가 됩니다.

var color='red';
delete color;

다음 예제 코드는 엄격 모드에서 삭제 연산자를 사용하며 결과적으로 예외가 발생합니다

'use strict';//开启严格模式

var color='red';
delete color;//SyntaxError: Delete of an unqualified identifier in strict mode.

변수 이름에 대한 제한 사항
Strict 모드에서는 JavaScript에도 변수 이름에 제한이 있으며 특히 Implements는 사용할 수 없습니다. 다음 버전의 ECMAScript에서 사용될 수 있습니다. 변수 이름은 구문 오류를 발생시키므로 이러한 식별자를 사용하십시오.

삭제할 수 없는 속성
엄격 모드에서는 삭제 연산자를 사용하여 삭제 가능한 속성

다음 코드는 삭제 연산자를 사용하여 비엄격 모드에서 삭제할 수 없는 속성을 삭제하는 것입니다. 결과는 자동 실패입니다.

delete Object.prototype;

다음 코드는 삭제 연산자를 사용하여 엄격 모드에서 삭제할 수 없는 속성을 삭제합니다. 결과는 예외입니다

'use strict';//开启严格模式
delete Object.prototype;//TypeError: Cannot delete property 'prototype' of function Object() { [native code] }

속성 이름은 고유해야 합니다
엄격 모드에서는 객체 모든 속성 이름은 객체 내에서 고유해야 합니다.

다음 코드는 중복된 이름의 속성이 non에서 허용된다는 것입니다. -strict 모드. 마지막 중복 이름 속성이 속성 값을 결정합니다

var o={p:1,p:2};

다음 코드는 중복 이름 속성이 엄격 모드에서 고려된다는 것입니다 구문 오류

'use strict';//开启严格模式
var o={p:1,p:2};//不报错但是语法错误

읽기 전용 속성 할당
In strict 모드에서는 읽기 전용 속성을 재할당할 수 없습니다.

다음 코드는 non-strict 모드에서 읽기 전용 속성을 재할당하는 것이며 결과는 자동으로 실패합니다.

var obj={};
Object.defineProperty(obj,'name',{
    value:'张三',
    writable:false
});//将属性设置为只读
obj.name='李四';

다음 코드는 strict 모드에서 읽기 전용 속성을 재할당하는 것입니다. 모드이며 결과는 예외가 됩니다

'use strict';//开启严格模式
var obj={};
Object.defineProperty(obj,'name',{
    value:'张三',
    writable:false
});//将属性设置为只读
obj.name='李四';//TypeError: Cannot assign to read only property 'name' of object '#a87fdacec66f0909fc0757c19f2d2b1d'

비확장 가능 개체
엄격 모드에서는 확장 불가능 개체에 새 속성을 추가할 수 없습니다

Next 예제 코드는 확장 불가능 개체에 새 특성을 추가하는 것입니다.

var obj={};
Object.preventExtensinons(obj);//将对象设置为不可扩展
obj.name='张三';

다음 예제 코드는 엄격 모드에서 확장할 수 없는 객체에 새 속성을 추가하는 것이며 결과는 예외가 됩니다.

'use strict';//开启严格模式

var obj={};
Object.preventExtensions(obj);//将对象变得不可扩展
obj.name='张三';//TypeError: Cannot add property name, object is not extensible

매개 변수 이름은 다음과 같아야 합니다. 고유
엄격 모드에서 명명된 함수의 매개 변수는 고유해야 합니다.

다음 예제 코드는 비엄격 모드에 있습니다. 이전 매개 변수는 이전 매개 변수를 통해 계속 액세스할 수 있습니다. 인수[i]

function sum(a,a,c){}

다음 예제 코드는 엄격 모드에서 동일한 이름을 가진 매개변수 간 차이를 나타내며 구문 오류로 간주됩니다

function sum(a,a,c){//语法错误
    'use strict';
    return a+a+c;//代码运行到这里会出错：SyntaxError: Duplicate parameter name not allowed in this context
}

arguments

在严格模式下，arguments对象的行为也有所不同
1.非严格模式下，修改命名参数的值也会反应到arguments对象中
2.严格模式下，命名参数与arguments对象是完全独立的

function fun(value){
    value='haha';
    console.log(value);//haha
    console.log(arguments[0]);//非严格模式下 hah
                              //严格模式下 hello
}

showValue('hello');
``

 - arguments.callee()
在严格模式下，不能使用arguments对象的callee()方法
下例代码是非严格模式下使用arguments对象的callee()方法，表示调用函数本身

var f=function(){
return arguments.callee;
};
f();

下例代码是严格模式下使用arguments对象的callee()方法，结果会抛出异常

'use strict';//开启严格模式
var f=function(){
return arguments.callee;
}
f();
/TypeError: 'caller', 'callee', and 'arguments' properties 
may not be accessed on strict mode functions or the arguments objects 
for calls to them/

 - 函数声明的限制
在严格模式下，只能在全局域和函数域中声明函数
下例代码非严格模式下在任何位置声明函数都是合法的

if(true){
function f(){}
}

下例是严格模式下在除全局域和函数域中声明函数是语法错误

'use strict';//开启严格模式
if(true){
function f(){}//语法错误,但是不报错
}

 - 增加eval作用域
在严格模式下，使用eval()函数创建的变量只能在eval()函数内部使用
下例代码是非严格模式下eval()函数创建的变量在其他位置可以使用

eval('var n=40');
console.log(n);//40

下例代码是严格模式下eval()函数创建的变量只能在eval()函数内部使用

'use strict';//开启严格模式
eval('var n=40');
console.log(n);//ReferenceError: n is not defined

 - 禁止读写
在严格模式下，禁止使用eval()和arguments作为标识符，也不允许读写它们的值
1.使用var声明
2.赋予另一个值
3.尝试修改包含的值
4.用作函数名
5.用作命名的函数的参数
6.在try...catch语句中用作例外名
在严格模式下，以下所有尝试将导致语法错误：

'use strict';//开启严格模式
eval=17;
arguments++;
++eval;
var obj={set p(arguments){}};
var eval;
try{}catch(arguments){}
function x(eval){}
function argunments(){}
var y=function eval(){}
var f=new Function('arguments','"use strict";return 20;');

 - 抑制this
在非严格模式下使用函数apply()或call()方法时，null或undefined值会被转换为全局对象
在严格模式下，函数的this值始终是指定的值(无论什么值)。

var color='red';
function sayColor(){
console.log(this.color);//非严格模式下 red
                    /*严格模式下：TypeError: Cannot 
                     read property 'color' of null*/
                     }

相关推荐：

JS设计模式之构造器模式详解

怎么使用JS严格模式

위 내용은 js의 엄격 모드에 대해 알아야 할 사항에 대한 간략한 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!