JavaScript 严格模式优缺点及与非严格模式区别详解

function usualMode() {
  with({a: 1}) {
    console.log(a)
  }
}
usalMode() // 正常输出 1

function strictMode() {
  'use strict'
  with({a: 1}) {
    console.log(a)
  }
}
strictMode() // 将报错

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() // 将报错

'use strict'
var obj = {}
Object.defineProperty(obj, 'a', {
  configurable: false,
  value: 1
})
delete obj.a // 严格模式会报错；非严格模式会返回false

'use strict'
var obj = {}
Object.defineProperty(obj, 'a', {
  writable: false,
  value: 1
})
obj.a = 2 // 严格模式会报错；非严格模式不会报错，但也不会生效，obj.a 仍然等于 1

'use strict'
var obj = {a: 1}
Object.preventExtensions(obj)
obj.b = 2 // 严格模式下会报错;非严格模式不会报错，但也不会生效 'b' in obj 为false

'use strict'
a = 1 // 严格模式下将报错，非严格模式a变量会提升至全局作用域

'use strict'
var obj = {a: 1, a: 2}// 严格模式将报错；非严格模式后面一个a会覆盖前面的a，即obj.a = 2

'use strict'
function fn(a, a) {
  console.log(a, arguments)
}
fn(1,2) // 严格模式会报错；非严格模式不会报错，a=2,arguments中两个参数都有

'use strict'
eval('var a = 1')
console.log(typeof a) // 严格模式下为undefined;非严格模式下为number

'use strict'
var eval = 1 // 严格模式下将报错;非严格模式将申明一个值为1的变量eval

// 严格模式下将报错;非严格模式将申明一个对应的eval函数
function eval() {
// some code
}

'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})

'use strict'
var arguments = 1 // 严格模式下将报错;非严格模式将申明一个值为1的变量arguments

// 严格模式下将报错;非严格模式将申明一个对应的arguments函数
function arguments() {
  // some code
}

'use strict'
function fn() {
  console.log(arguments.callee.caller, fn.caller) // 严格模式下报错；非严格模式指向fn2
  console.log(arguments.callee) // 严格模式报错；非严格模式指向fn
}
function fn2() {
  fn()
}
fn2()