再有人问你JavaScript中的严格模式是什么？把这篇文章丢给他
原创再有人问你JavaScript中的严格模式是什么？把这篇文章丢给他
原创
zayyo
发布于 2023-12-06 20:22:01
发布于 2023-12-06 20:22:01
什么是严格模式？
在ECMAScript5标准中，JavaScript提出了严格模式的概念（Strict Mode）：
严格模式很好理解，是一种具有限制性的JavaScript模式，从而使代码隐式的脱离了 ”懒散（sloppy）模式“；
支持严格模式的浏览器在检测到代码中有严格模式时，会以更加严格的方式对代码进行检测和执行；
那么如何开启严格模式呢？
第一种方式：（单文件严格模式）在js文件中开启严格模式，仅仅对这个JavaScript文件生效
//在JavaScript文件的首行加入"use strict"
"use strict"第二中方式：（特定函数严格模式）在函数的作用域内部单独开启严格模式，仅仅对这个函数的内部生效
function foo() {
"use strict";
true.foo = "abc"//开启严格模式后，这里会报错
}
foo()严格模式对正常的JavaScript语义会有哪一些限制呢？
- 严格模式通过 抛出错误 来消除一些原有的 静默（silent）错误；
- 严格模式让JS引擎在执行代码时可以进行更多的优化（不需要对一些特殊的语法进行处理）；
- 严格模式禁用了在ECMAScript未来版本中可能会定义的一些语法；
官方的说法太过于抽象，大家都不容易理解，所以接下来我会用代码例子来解释
1. 禁止意外创建全局变量
禁止意外创建变量，在严格模式中未定义就赋值的写法是不被允许的。// 1. 禁止意外创建全局变量。 message = "Hello World" // 在严格模式下这种未定义就赋值的写法是不被允许的 console.log(message) function foo () { age = 20 // 在严格模式下这种未定义就赋值的写法是不被允许的，而在非严格模式下会创建一个age全局变量 } foo() console.log(age)2.不允许函数有相同的参数名称
// 不允许函数有相同的参数名称
function foo(x, y, x) {
console.log(x, y, x)
}
foo(10, 20, 30)3.静默错误
// 未定义就进行赋值
true.name = "abc"
NaN = 123
var obj = {}
Object.defineProperty(obj, "name", { //给obj创建一个name变量
configurable: false,//configurable 是否可配置
writable: false, //writable是否可写
})
console.log(obj.name)
obj.name = "kobe" //报错只读不可写
delete obj.name //报错，不可配置```4.不允许使用原先的八进制格式 0123
Es5的原八进制写法不被允许
var num =0123
console.log(num, )
Es6下的进制是可编译的
var num = 0o123 // 八进制
var num2 = 0x123 // 十六进制
var num3 = 0b100 // 二进制
console.log(num, num2, num3)5.with语句不允许使用
6.在严格模式下的this的指向
"use strict"
// 在严格模式下, 自执行函数(默认绑定)会指向?developer/article/2368187/undefined
// 之前编写的代码中, 自执行函数我们是没有使用过this直接去引用window
function foo() {
console.log(this)
}
var obj = {
name: "why",
foo: foo
}
foo()
obj.foo()
var bar = obj.foo
bar()
// setTimeout的this
// fn.apply(this = window)
setTimeout(function() {
console.log(this)
}, 1000);我正在参与2023腾讯技术创作特训营第四期有奖征文，快来和我瓜分大奖！
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录