javascript严格模式详解(含严格模式与非严格模式的区别)

时间:2021-05-26

严格模式的优缺点

优点:

  • 提高代码解析与运行速度
  • 禁用一些不合理的语法,减少代码的怪异行为
  • 缺点

  • 某些代码在严格模式下会报错,尤其引入公用与第三方模块的时候需要注意
  • 有些严格模式的特性在不同浏览器的支持情况不同,需要注意兼容问题
  • 严格模式与非严格模式的区别

    1.禁用with语法,使用将报错

    因为解析with语法时作用域的情况会非常复杂,严重影响代码的解析与运行速度

    function usualMode() { with({a: 1}) { console.log(a) }}usalMode() // 正常输出 1function 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()

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

    声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

    相关文章