如何理解JavaScript中的严格模式作用_JavaScript使用严格模式有哪些好处_网络技术

如何理解JavaScript中的严格模式作用_JavaScript使用严格模式有哪些好处

发布时间 - 2026-01-08 00:00:00 点击率：次

严格模式是执行约束开关，不改变语法能力但提升错误检测：未声明赋值报错、this为undefined、禁止with等；需首行声明，作用域限定于脚本或函数，ES6模块自动启用。

严格模式不是新语法，而是执行约束开关

它不改变 JavaScript 的能力，只改变引擎对代码的“容忍度”：原本静默忽略的问题，会直接报错。比如未声明就赋值——非严格模式下自动挂到 window 上；严格模式下立刻抛出 ReferenceError: username is not defined。

它是一条字面量语句："use strict";，不是命令也不是函数调用，浏览器不支持时会被忽略（无副作用）
作用域分两级：整个脚本顶部写，全局生效；函数体第一行写，仅该函数内生效
ES6 模块（.mjs 或 import/export 文件）和 class 内部自动启用严格模式，无需手动加

哪些错误会被提前暴露？重点看这三类典型场景

严格模式真正价值在于把“运行时才崩”的问题，变成“一写就报错”或“一跑就停”，大幅缩短调试链路。

隐式全局变量：count = 42; 在非严格模式下创建 window.count；严格模式下直接报错
this 绑定更可控：普通函数独立调用时，this 是 undefined 而非 window，避免意外修改全局对象
非法操作显式失败：给不可写属性赋值、删除不可配置属性、重复定义对象键名（{x:1, x:2}）、重复函数参数（function foo(a, a) {}）都会立即报 TypeError 或语法错误

为什么现在还要手动加"use strict"？

虽然现代构建工具（如 Webpack、Vite）和模块系统默认启用，但仍有真实场景依赖显式声明：

老项目中大量 .js 文件未转模块，仍走 script 标签加载，必须靠 "use strict"; 触发
某些库源码（如早期版本的 Lodash、jQuery 插件）会在 IIFE 开头手动开启，以保证内部逻辑安全
调试时临时加在某段函数里，快速验证是否因非严格行为导致异常（比如 arguments.callee 被禁用）
注意：不能写在条件语句里——if (true) {"use strict";} 无效，必须是脚本/函数的**物理首行**

"use strict";
function test() {
  "use strict";
  undeclared = "boom"; // ReferenceError
  this.x = 1;           // 正常，因为 this 是 undefined，赋值被忽略（但不会报错）
  return this;
}
test(); // 返回 undefined，而非 window

容易被忽略的兼容性与限制细节

严格模式不是万能补丁，有些行为变化反而会让旧代码直接失效，上线前必须验证：

with 语句被完全禁止，任何含 with(obj) { ... } 的代码会直接 SyntaxError
八进制字面量（010）非法，必须写成 0o10 或 0x10
eval 变得更干净：它内部声明的变量不会泄露到外层作用域，但也不能通过 eval 动态创建函数参数或函数名
某些保留字（class、enum、export、import、super）在严格模式下不能再当变量名，否则 SyntaxError

严格模式的价值不在“多做了什么”，而在“少容忍了什么”。最常踩的坑，其实是忘了它只对**紧邻作用域**生效——一个文件里写了，不代表所有 import 进来的模块也受约束；一个函数开了，不代表它的回调函数自动继承。这点在混合使用 CommonJS 和动态 eval 时尤其容易翻车。

# javascript # es6 # java # jquery # js # vite # 浏览器 # 回调函数 # 工具 # win # 作用域 # 为什么

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：HTML5如何减少重定向次数_HTML5链接结构优化法【指南

下一篇：docker 容器修改不了文件怎么办

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：HTML5如何减少重定向次数_HTML5链接结构优化法【指南

下一篇：docker 容器修改不了文件怎么办