이 글의 내용은 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.
delete Object.prototype;
'use strict';//开启严格模式
delete Object.prototype;//TypeError: Cannot delete property 'prototype' of function Object() { [native code] }var o={p:1,p:2};'use strict';//开启严格模式
var o={p:1,p:2};//不报错但是语法错误
var obj={};
Object.defineProperty(obj,'name',{
value:'张三',
writable:false
});//将属性设置为只读
obj.name='李四';'use strict';//开启严格模式
var obj={};
Object.defineProperty(obj,'name',{
value:'张三',
writable:false
});//将属性设置为只读
obj.name='李四';//TypeError: Cannot assign to read only property 'name' of object '#<Object>'var obj={};
Object.preventExtensinons(obj);//将对象设置为不可扩展
obj.name='张三';'use strict';//开启严格模式
var obj={};
Object.preventExtensions(obj);//将对象变得不可扩展
obj.name='张三';//TypeError: Cannot add property name, object is not extensiblefunction 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对象的行为也有所不同
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의 엄격 모드에 대해 알아야 할 사항에 대한 간략한 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
