严格模式阻止全局变量隐式创建,防止拼写错误导致的静默失败;2. 函数中this指向undefined而非全局对象,影响依赖this的逻辑;3. arguments不再与命名参数联动,修改参数不影响arguments值;4. 禁止对象重复属性和函数重复参数,避免覆盖问题;5. eval和arguments受限,不可作为标识符使用且eval作用域被隔离,提升安全性与可预测性。

严格模式(”use strict”)在JavaScript中不仅改变了代码的执行方式,还隐藏了一些开发者容易忽略的关键细节。这些细节可能不会立刻引发错误,但在特定场景下会影响程序行为和调试效率。
1. 全局变量声明会被显式阻止
在非严格模式下,给未声明的变量赋值会自动创建全局变量。而严格模式下,这会抛出错误。
例如:
非严格模式:
立即学习“Java免费学习笔记(深入)”;
undeclaredVar = 10; // 不报错,全局变量被创建
严格模式:
undeclaredVar = 10; // 抛出 ReferenceError
这个细节常被忽略,尤其是在函数内部误写变量名时,原本可能静默失败,现在会中断执行,有助于早期发现拼写错误。
2. 函数中的 this 不再指向全局对象
在非严格模式中,独立函数调用的 this 默认指向全局对象(浏览器中是 window)。严格模式下,this 为 undefined。
示例:
function testThis() { return this; }
testThis(); // 非严格:window;严格:undefined
这对依赖 this 的工具函数或不小心调用的方法影响较大,尤其是绑定逻辑不明确时容易出错。
3. arguments 对象不再追踪参数变化
在非严格模式中,arguments 对象是“活”的,修改命名参数会影响 arguments[i]。严格模式下,这种映射关系被切断。
示例:
function f(a) { a = 2; return arguments[0]; }
f(1); // 非严格:2;严格:1
如果依赖 arguments 来读取最新参数值,严格模式下结果可能不符合预期。
4. 禁止重复的属性名和形参名
严格模式下,对象字面量中出现重复属性名会报错。
const obj = { x: 1, x: 2 }; // 严格模式:SyntaxError
同样,函数定义时也不能有重复参数名:
function func(a, a) { } // 严格模式:SyntaxError
虽然现代开发中较少手写重复键,但动态生成代码或模板拼接时可能意外触发。
5. eval 和 arguments 变得更受限制
在严格模式中,eval 和 arguments 被视为关键字,不能作为变量、函数名或形参名使用。
let eval = 10; // 严格模式:SyntaxError
function arguments() {} // SyntaxError
同时,在严格模式中,eval 的作用域也被限制,不会污染外部变量,减少了副作用。
基本上就这些。看似小改动,实则对代码健壮性提升明显。启用严格模式后,建议配合 linter 工具进一步捕捉潜在问题。
以上就是JavaScript中的严格模式有哪些容易被忽略的细节?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/20231.html
微信扫一扫
支付宝扫一扫