严格模式是JavaScript更严格的执行环境，启用后将静默失败转为报错，如未声明变量赋值、重复参数名等；可通过函数级或脚本级两种方式启用，且模块自动启用。

什么是严格模式：它不是新语法，而是更严格的执行环境

严格模式（"use strict"）是 JavaScript 的一种运行时约束机制，它让引擎在解析和执行代码时启用更多错误检查与限制。它不会改变语言能力，但会把原本静默失败的行为变成明确报错——比如给未声明变量赋值、删除不可配置属性、使用保留字作变量名等，都会直接抛出 TypeError 或 SyntaxError。

它的核心价值不是“防错”，而是“早暴露问题”：让潜在的不安全操作在开发阶段就浮出水面，而不是等到线上才因隐式类型转换或意外全局变量导致逻辑崩坏。

如何启用严格模式：两种方式，但效果和范围完全不同

启用方式只有两种，但作用域差异极大，选错会导致预期外的行为：

• 函数级严格模式：在函数体第一行写 "use strict"，仅该函数及其内部函数生效
• 脚本级严格模式：在 .js 文件最顶部（且前面不能有任何语句，包括注释和空行）写 "use strict"，整个文件都受约束

注意："use strict" 必须是纯字符串字面量，不能用变量、模板字符串或拼接；也不能出现在条件语句里（如 if (true) {"use strict"} 无效）。

"use strict";
function foo() {
  "use strict"; // 这里重复写也合法，但无额外效果
  undeclared = 1; // TypeError: Assignment to undeclared variable 'undeclared'
}

常见严格模式报错及对应规避方式

以下错误在非严格模式下往往悄无声息，但在严格模式下立刻中断执行：

• this 在非对象上下文中为 undefined（非严格下是全局对象）：避免裸调用函数依赖 this，显式绑定或改用箭头函数
• 重复参数名报 SyntaxError：函数定义如 function bar(a, a) {} 在严格模式下非法，需重命名参数
• 禁止八进制字面量（如 010）：改用 0o10 或 parseInt("10", 8)
• delete 操作符对不可配置属性失败：先检查 Object.getOwnPropertyDescriptor(obj, key).configurable 再决定是否删除
• 禁止使用 with 语句：直接访问对象属性或解构赋值替代

严格模式的兼容性与工程实践建议

所有现代浏览器和 Node.js（v0.10+）都支持严格模式，但它不是默认开启的。实际项目中要注意：

• 模块（.mjs 或 import/export 的文件）自动启用严格模式，无需手动加 "use strict"
• 使用打包工具（如 Webpack、Vite）时，通常默认启用严格模式，但需确认输出配置未禁用



• 不要在已压缩的代码前插入 "use strict"：UglifyJS 等工具可能将多文件合并，顶部字符串可能被误判为其他文件的指令
• 严格模式无法“关闭”：一旦进入严格上下文，内部所有函数默认继承，除非显式用非严格函数包裹

真正容易被忽略的是：严格模式不校验异步回调、定时器回调或事件处理器是否在严格上下文中执行——它们取决于定义时的作用域，而非调用时的环境。所以函数定义位置比调用方式更重要。

# javascript  # java  # js  # node.js  # node  # vite  # 处理器  # 浏览器  # 工具  # 作用域  # 隐式类型转换 

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

相关推荐： 中国移动官方网站首页入口 中国移动官网网页登录  Laravel API路由如何设计_Laravel构建RESTful API的路由最佳实践  Laravel如何使用Vite进行前端资源打包？（配置示例）  详解Android——蓝牙技术 带你实现终端间数据传输  如何在Windows服务器上快速搭建网站？  如何快速辨别茅台真假？关键步骤解析  如何用IIS7快速搭建并优化网站站点？  Zeus浏览器网页版官网入口 宙斯浏览器官网在线通道  如何在云服务器上快速搭建个人网站？  Bootstrap CSS布局之列表  laravel怎么通过契约（Contracts）编程_laravel契约（Contracts）编程方法  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  Laravel怎么在Blade中安全地输出原始HTML内容  Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南  Laravel怎么实现API接口鉴权_Laravel Sanctum令牌生成与请求验证【教程】  Laravel如何使用Seeder填充数据_Laravel模型工厂Factory批量生成测试数据【方法】  Laravel Eloquent访问器与修改器是什么_Laravel Accessors & Mutators数据处理技巧  微信小程序 配置文件详细介绍  C++时间戳转换成日期时间的步骤和示例代码  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  Laravel怎么进行浏览器测试_Laravel Dusk自动化浏览器测试入门  html5怎么画眼睛_HT5用Canvas或SVG画眼球瞳孔加JS控制动态【绘制】  使用豆包 AI 辅助进行简单网页 HTML 结构设计  WEB开发之注册页面验证码倒计时代码的实现  如何正确下载安装西数主机建站助手？  Laravel如何使用Service Provider服务提供者_Laravel依赖注入与容器绑定【深度】  如何快速搭建FTP站点实现文件共享？  Android使用GridView实现日历的简单功能  如何快速搭建高效简练网站？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  如何挑选最适合建站的高性能VPS主机？  Edge浏览器提示“由你的组织管理”怎么解决_去除浏览器托管提示【修复】  Claude怎样写结构化提示词_Claude结构化提示词写法【教程】  再谈Python中的字符串与字符编码（推荐）  打开php文件提示内存不足_怎么调整php内存限制【解决方案】  如何用AI帮你把自己的生活经历写成一个有趣的故事？  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  如何制作一个表白网站视频,关于勇敢表白的小标题？  Laravel怎么配置.env环境变量_Laravel生产环境敏感数据保护与读取【方法】  如何在VPS电脑上快速搭建网站？  如何快速查询网站的真实建站时间？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  Laravel Seeder填充数据教程_Laravel模型工厂Factory使用  百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  Laravel怎么进行数据库事务处理_Laravel DB Facade事务操作确保数据一致性  昵图网官网入口 昵图网素材平台官方入口  Laravel如何实现全文搜索功能？（Scout和Algolia示例）  如何在阿里云域名上完成建站全流程？  Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】