JavaScript严格模式

在ECMAScript5标准中，JavaScript提出了严格模式的概念（Strict Mode）:

1、严格模式很好理解，是一种具有限制性的JavaScript模式，从而使代码隐式的脱离了“懒散（sloppy）模式”；
2、支持严格模式的浏览器在检测到代码中有严格模式时，会以更加严格的方式对代码进行检测和执行；

//js文件最上面
//开启严格模式
"use strict"

1
2
3
4

js执行过程：浏览器会下载我们的js解析到"use strict"，就会按照严格模式来解析，如果有语法错误，在解析时候就会直接报错

严格模式对正常的JavaScript语义进行了一些限制：

1、严格模式通过抛出错误来消除一些静默（slient）错误；
2、严格模式让JS引擎在执行代码时可以进行更多的优化（不需要对一些特殊的语法进行处理）；
3、严格模式禁用了在ECMAScript未来版本中可能会定义的一些语法；

//静默错误：代码严格意义错误，但不造成什么影响
eg:
123.name='abc' //静默错误
var obj={}
//writable:false不可写
Object.defineProperty(obj,"name",{writable:false})
//非严格模式不生效，严格模式报错
obj.name='why'

保留字：class(es5以前)/let/const （es6中都升为关键字）
关键字：function/var/new
var class='abc'//非严格模式不报错  现在严格模式会报错
1
2
3
4
5
6
7
8
9
10
11
12

开启严格方式的两种方式：

1. 可以支持在js文件中开启严格模式；
   //单个js文件最上面"use strict" 打包工具：webpack/vite/rollup中打包后的js文件会开启严格模式
2. 也支持对某一个函数开启严格模式；

//在函数最前面加"use strict";
function foo(){
	"use strict";
	true.foo='abc'
}
1
2
3
4
5

严格模式限制：

1. 无法意外的创建全局变量
2. 严格模式会使引起静默失败（silently fail,注：不报错也没有任何效果）的赋值操作抛出异常
3. 严格模式下试图删除不可删除的属性
4. 严格模式不允许函数参数 有相同的名称
5. 不允许0的八进制语法(不原先的八进制格式0123允许使用)
6. 在严格模式下，不允许使用with
7. 在严格模式下，eval不再为上层引用变量
8. 在严格模式下，this绑定不会默认转成对象（在严格模式下，自执行函数（默认绑定）this会指向undefined而不是指向全局window了）

"use strict"

// 在严格模式下, 自执行函数(默认绑定)会指向undefined
// 之前编写的代码中, 自执行函数我们是没有使用过this直接去引用window
function foo() {
  console.log(this)
}

var obj = {
  name: "why",
  foo: foo
}

foo()

obj.foo()
var bar = obj.foo
bar()

//setTimeout是浏览器来实现的，也就是说浏览器内部有一个函数叫setTimeout(fn,deay){ }
// setTimeout的this
// fn.apply(this = window)
setTimeout(function() {
//function函数this指向window
  console.log(this)
}, 1000);

setTimeout(()=> {
//箭头函数this指向window
  console.log(this)
}, 1000);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32