资讯专栏INFORMATION COLUMN

谈谈JavaScript中严格模式你应该遵守的那些事

MingjunYang / 721人阅读

严格模式

首先来了解一下严格模式是什么?
严格模式是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错误

禁用delete关键字

在严格模式下,不能对变量使用delete运算符
下例代码是非严格模式下使用delete运算符,结果会静默失败

var color="red";
delete color;

下例代码是严格模式下使用delete运算符,结果会抛出异常

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

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

对变量名的限制

在严格模式下,JavaScript对变量名也有限制,特别不能使用implements,interface,let,packge,private,protected,public,stalic,yield这些内容作为变量名,它们都是保留字,在ECMAScript的下一个版本中可能会用到它们,在严格模式下,使用这些标识符作为变量名会导致语法错误

不可删除的属性

在严格模式下,不能使用delete运算符删除不可删除的属性
下例代码是非严格模式下使用delete运算符删除不可删除的属性,结果是静默失败

delete Object.prototype;

下例代码是严格模式下使用delete运算符删除不可删除的属性,结果会抛出异常

"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 "#"

不可扩展的对象

在严格模式下,不能为不可扩展的对象添加新属性
下例代码是非严格模式为不可扩展的对象添加新属性,结果会静默失败

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

参数名必须唯一

在严格模式下,要求命名函数的参数必须唯一
下例代码是非严格模式下最后一个重名参数名会掩盖之前的重名参数,之前的参数仍然可以通过arguments[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*/

}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97030.html

相关文章

  • 谈谈 JS 严格模式

    摘要:什么是严格模式严格模式是中引入的一种将更好的错误检查引入代码中的方法现在已经被大多浏览器实现顾名思义,这种模式使得在更严格的条件下运行因此在严格模式下我们的一些不严谨的写法将会导致程序抛出错误例如在严格模式下该行将会抛出错误在上面的代码中由 什么是严格模式? 严格模式 是 ECMAScript 5 中引入的一种将更好的错误检查引入代码中的方法, 现在已经被大多浏览器实现. 顾名思义,这...

    Meils 评论0 收藏0
  • 谈谈Java引用和Threadlocal那些

    摘要:容易导致内存泄漏。如果我们的强引用不存在的话,那么就会被回收,也就是会出现我们没被回收,被回收,导致永远存在,出现内存泄漏。缓存行和一次定位,不会有冲突由于使用数组,不会出现回收,没被回收的尴尬局面,所以避免了内存泄漏。 1 背景 某一天在某一个群里面的某个群友突然提出了一个问题:threadlocal的key是虚引用,那么在threadlocal.get()的时候,发生GC之后,ke...

    justjavac 评论0 收藏0
  • javascript知识点

    摘要:握手过程中使用了的标志和。接收端收到后,回传一个带有标志的数据包以示传达确认信息。第四次挥手主动关闭方收到后,发送一个给被动关闭方,确认序号为收到序号,至此,完成四次挥手。其次,通过使和系统绑定来降低泄露后的危险。 一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍 3.如何看待前端开发? 4.平时是如何学习前端开发的? 5....

    zhangxiangliang 评论0 收藏0
  • 总要先爬出坑JEE架构

    摘要:只要满足规范的放入该容器,马上就会被容器进行高效率的管理。根据康威定律,设计系统的组织时,最终产生的设计等价于组织的沟通结构,通俗来讲,团队的交流机制应该与架构分层交互机制相对应。 本博客 猫叔的博客,转载请申明出处 先来看看官网对它的定义。 Java平台企业版(Java EE)是社区驱动的企业软件的标准。Java EE是使用Java Community Process开发的,其中包括...

    Coding01 评论0 收藏0
  • 总要先爬出坑JEE架构

    摘要:只要满足规范的放入该容器,马上就会被容器进行高效率的管理。根据康威定律,设计系统的组织时,最终产生的设计等价于组织的沟通结构,通俗来讲,团队的交流机制应该与架构分层交互机制相对应。 本博客 猫叔的博客,转载请申明出处 先来看看官网对它的定义。 Java平台企业版(Java EE)是社区驱动的企业软件的标准。Java EE是使用Java Community Process开发的,其中包括...

    bergwhite 评论0 收藏0

发表评论

0条评论

MingjunYang

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<