在ECMAScript5标准中,JavaScript提出了严格模式的概念(Strict Mode):
1、严格模式很好理解,是一种具有限制性的JavaScript模式,从而使代码隐式的脱离了“懒散(sloppy)模式”;
2、支持严格模式的浏览器在检测到代码中有严格模式时,会以更加严格的方式对代码进行检测和执行;
//js文件最上面
//开启严格模式
"use strict"
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'//非严格模式不报错 现在严格模式会报错
开启严格方式的两种方式:
- 可以支持在js文件中开启严格模式;
//单个js文件最上面"use strict" 打包工具:webpack/vite/rollup中打包后的js文件会开启严格模式 - 也支持对某一个函数开启严格模式;
//在函数最前面加"use strict";
function foo(){
"use strict";
true.foo='abc'
}
严格模式限制:
- 无法意外的创建全局变量
- 严格模式会使引起静默失败(silently fail,注:不报错也没有任何效果)的赋值操作抛出异常
- 严格模式下试图删除不可删除的属性
- 严格模式不允许函数参数 有相同的名称
- 不允许0的八进制语法(不原先的八进制格式0123允许使用)
- 在严格模式下,不允许使用with
- 在严格模式下,eval不再为上层引用变量
- 在严格模式下,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);