JavaScript使用严格模式的一些变化以及影响

1、严格模式下不能使用with语法

1、在未使用严格模式下，下面的代码是可以执行的

const obj = {
  name: 'peter'
}

function foo(){
  with(obj) {
    console.log(name)
  }
}

foo()//peter

2、而当我们开启了严格模式后，将会直接禁用with语法

2、严格模式下，在function中使用this会有变化

1、未使用严格模式下的function中的this指向

function foo(){
    console.log(this)//指向window
}

2、而当我们开启严格模式后

function foo(){
    console.log(this)//undefined
}

3、严格模式下，会防止意外的声明全局变量

1、未使用严格模式时，以下语法是被允许，变量会被定义为全局变量

function foo(){
    name = "peter"
}
console.log(name)//peter

2、这个变量命名在严格模式下是不被运行，执行时将会报错

4、严格模式下，将不会运行函数有重复的参数名

1、未使用严格模式，我们可以给一个函数命名重复的参数名

function foo(a,b,a) {
    console.log(a,b,a)
}

foo(1,2,3)//1,2,3

2、而当开启了严格模式，这种书写方式将会报错:SyntaxError: Duplicate parameter name not allowed in this context

5、严格模式下，之前的八进制书写将会报错

1、之前的八进制书写格式

const num = 0123
console.log(num)//83

2、而在严格模式下，这种书写是不被允许:SyntaxError: Octal literals are not allowed in strict mode.
但是我们可以改成以下的格式

"use strict"

const num = 0o123
console.log(num)//83

6、严格模式下，将会引起隐默失败的赋值操作抛出错误

1、未使用严格模式时，下面对obj对象中的name进行修改虽然是失败的，但是不会抛出错误

const obj = {
  name: 'peter'
}

Object.defineProperty(obj, 'name', {writable: false})

obj.name = 'lisa'

2、然而当我们开启了严格模式的情况下，对name的修改则会抛出错误:TypeError: Cannot assign to read only property 'name' of object '#