共计 2403 个字符,预计需要花费 7 分钟才能阅读完成。
严格模式的优缺点
优点:
- 提高代码解析与运行速度
- 禁用一些不合理的语法,减少代码的怪异行为
缺点
- 某些代码在严格模式下会报错,尤其引入公用与第三方模块的时候需要注意
- 有些严格模式的特性在不同浏览器的支持情况不同,需要注意兼容问题
严格模式与非严格模式的区别
1. 禁用 with 语法,使用将报错
因为解析 with
语法时作用域的情况会非常复杂,严重影响代码的解析与运行速度
function usualMode() {with({a: 1}) {console.log(a)
}
}
usalMode() // 正常输出 1
function strictMode() {
'use strict'
with({a: 1}) {console.log(a)
}
}
strictMode() // 将报错
2. 禁止删除变量与函数
function usualMode() {function fn() {}
var a = 1
delete a // 不会报错,但实际上也没能删除变量 a
delete fn // 同 delete a
}
usalMode() // 正常执行
function strictMode() {
'use strict'
function fn() {}
var a = 1
delete a
}
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
的属性会报错
'use strict'
var obj = {}
Object.defineProperty(obj, 'a', {
configurable: false,
value: 1
})
delete obj.a // 严格模式会报错;非严格模式会返回 false
3.2 给 writable = false
的属性赋值会报错
'use strict'
var obj = {}
Object.defineProperty(obj, 'a', {
writable: false,
value: 1
})
obj.a = 2 // 严格模式会报错;非严格模式不会报错,但也不会生效,obj.a 仍然等于 1
4. 给不允许扩展的 object
增加属性会报错
'use strict'
var obj = {a: 1}
Object.preventExtensions(obj)
obj.b = 2 // 严格模式下会报错; 非严格模式不会报错,但也不会生效 'b' in obj 为 false
能将 object
设置为不可扩展的方法有 Object.freeze
、Object.seal
、Object.preventExtensions
;ES6 还有Reflect.freeze
、Reflect.seal
、Reflect.preventExtensions
; 判断一个object
是否允许扩展可以用Object.isExtensible
;ES6 还有Reflect.isExtensible
5. 给未申明的变量赋值会报错
'use strict'
a = 1 // 严格模式下将报错,非严格模式 a 变量会提升至全局作用域
6. 定义 object
时属性重名会报错
'use strict'
var obj = {a: 1, a: 2}// 严格模式将报错;非严格模式后面一个 a 会覆盖前面的 a,即 obj.a = 2
7. 形参重复时会报错
'use strict'
function fn(a, a) {console.log(a, arguments)
}
fn(1,2) // 严格模式会报错;非严格模式不会报错,a=2,arguments 中两个参数都有
8.eval 相关
8.1eval 有独立作用域
'use strict'
eval('var a = 1')
console.log(typeof a) // 严格模式下为 undefined; 非严格模式下为 number
8.2eval 不能作为变量名或函数名, 类似关键字
'use strict'
var eval = 1 // 严格模式下将报错; 非严格模式将申明一个值为 1 的变量 eval
// 严格模式下将报错; 非严格模式将申明一个对应的 eval 函数
function eval() {// some code}
9.arguments 相关
9.1arguments 是形参的副本(类似浅拷贝)
'use strict'
function fn(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 不能作为变量名或函数名, 类似关键字
'use strict'
var arguments = 1 // 严格模式下将报错; 非严格模式将申明一个值为 1 的变量 arguments
// 严格模式下将报错; 非严格模式将申明一个对应的 arguments 函数
function arguments() {// some code}
10. 禁用 caller 与 callee
'use strict'
function fn() {console.log(arguments.callee.caller, fn.caller) // 严格模式下报错;非严格模式指向 fn2
console.log(arguments.callee) // 严格模式报错;非严格模式指向 fn
}
function fn2() {fn()
}
fn2()
正文完
发表至: javascript
2019-11-12