javascript严格模式详解（含严格模式与非严格模式的区别）
严格模式的优缺点
优点：
- 提高代码解析与运行速度
- 禁用一些不合理的语法，减少代码的怪异行为
缺点
- 某些代码在严格模式下会报错，尤其引入公用与第三方模块的时候需要注意
- 有些严格模式的特性在不同浏览器的支持情况不同，需要注意兼容问题
严格模式与非严格模式的区别
1.禁用with语法，使用将报错
因为解析with语法时作用域的情况会非常复杂，严重影响代码的解析与运行速度
functionusualMode(){
with({a:1}){
console.log(a)
}
}
usalMode()//正常输出1
functionstrictMode(){
'usestrict'
with({a:1}){
console.log(a)
}
}
strictMode()//将报错
2.禁止删除变量与函数
functionusualMode(){
functionfn(){}
vara=1
deletea//不会报错，但实际上也没能删除变量a
deletefn//同deletea
}
usalMode()//正常执行
functionstrictMode(){
'usestrict'
functionfn(){}
vara=1
deletea
}
strictMode()//将报错
3.属性描述符（propertyDescriptor）相关
能改变属性描述符的方法有Object.defineProperty、Object.defineProperties、Reflect.defineProperty、Reflect.defineProperties、Object.freeze、Object.seal;获取一个属性描述符可以用Object.getOwnPropertyDescriptor、Object.getOwnPropertyDecriptors,ES6中还有Reflect.getOwnPropertyDescriptor、Reflect.getOwnPropertyDescriptors
3.1删除configurable=false的属性会报错
'usestrict'
varobj={}
Object.defineProperty(obj,'a',{
configurable:false,
value:1
})
deleteobj.a//严格模式会报错；非严格模式会返回false
3.2给writable=false的属性赋值会报错
'usestrict'
varobj={}
Object.defineProperty(obj,'a',{
writable:false,
value:1
})
obj.a=2//严格模式会报错；非严格模式不会报错，但也不会生效，obj.a仍然等于1
4.给不允许扩展的object增加属性会报错
'usestrict'
varobj={a:1}
Object.preventExtensions(obj)
obj.b=2//严格模式下会报错;非严格模式不会报错，但也不会生效'b'inobj为false
能将object设置为不可扩展的方法有Object.freeze、Object.seal、Object.preventExtensions;ES6还有Reflect.freeze、Reflect.seal、Reflect.preventExtensions;判断一个object是否允许扩展可以用Object.isExtensible;ES6还有Reflect.isExtensible
5.给未申明的变量赋值会报错
'usestrict' a=1//严格模式下将报错，非严格模式a变量会提升至全局作用域
6.定义object时属性重名会报错
'usestrict'
varobj={a:1,a:2}//严格模式将报错；非严格模式后面一个a会覆盖前面的a，即obj.a=2
7.形参重复时会报错
'usestrict'
functionfn(a,a){
console.log(a,arguments)
}
fn(1,2)//严格模式会报错；非严格模式不会报错，a=2,arguments中两个参数都有
8.eval相关
8.1eval有独立作用域
'usestrict'
eval('vara=1')
console.log(typeofa)//严格模式下为undefined;非严格模式下为number
8.2eval不能作为变量名或函数名,类似关键字
'usestrict'
vareval=1//严格模式下将报错;非严格模式将申明一个值为1的变量eval
//严格模式下将报错;非严格模式将申明一个对应的eval函数
functioneval(){
//somecode
}
9.arguments相关
9.1arguments是形参的副本（类似浅拷贝）
'usestrict'
functionfn(a,obj){
arguments[0]=2
arguments[1].b=2
console.log(a)//严格模式为1；非严格模式为2
console.log(obj.b)//2,因为js中object是地址传递
}
fn(1,{b:1})
9.2arguments不能作为变量名或函数名,类似关键字
'usestrict'
vararguments=1//严格模式下将报错;非严格模式将申明一个值为1的变量arguments
//严格模式下将报错;非严格模式将申明一个对应的arguments函数
functionarguments(){
//somecode
}
10.禁用caller与callee
'usestrict'
functionfn(){
console.log(arguments.callee.caller,fn.caller)//严格模式下报错；非严格模式指向fn2
console.log(arguments.callee)//严格模式报错；非严格模式指向fn
}
functionfn2(){
fn()
}
fn2()
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。