JavaScript严格模式是什么？如何开启？

哈喽！今天心血来潮给大家带来了《JavaScript严格模式是什么？为何要启用use strict？》，想必大家应该对文章都不陌生吧，那么阅读本文就都不会很困难，以下内容主要涉及到，若是你正在学习文章，千万别错过这篇文章~希望能帮助到你！

严格模式通过"use strict"启用，使JavaScript错误显式报错而非静默处理，解决全局变量污染、with语句模糊作用域、this指向异常、arguments.callee不安全等问题，ES6模块和现代框架已默认启用。

JavaScript 严格模式是一种更严谨的代码执行环境，通过在脚本或函数顶部添加 "use strict" 指令启用。它不是新语法，而是对 JavaScript 运行行为的约束升级——让原本“悄悄放过”的错误变成明确报错，迫使开发者写出更安全、更可维护的代码。

严格模式解决哪些实际问题

非严格模式下，JS 为兼容旧代码做了大量隐式容错，比如：

• 忘记用 var/let/const 声明变量，会自动挂到全局对象上（如 window.a = 1），极易引发命名冲突和内存泄漏；
• with 语句导致作用域链模糊，引擎无法优化，现代浏览器已基本弃用；
• this 在普通函数中默认指向全局对象（如 window），在事件回调或异步场景中容易误用；
• arguments.callee 和 caller 等调用栈属性不仅不安全，还阻碍 JS 引擎内联优化。

use strict 的核心约束效果

开启后，以下操作会立即报错，而不是静默失败或产生意外行为：

• 给未声明变量赋值（a = 1 → ReferenceError）；
• 使用 with 语句（with(obj) { ... } → SyntaxError）；
• 重复定义函数参数（function fn(a, a) { } → SyntaxError）；
• 删除不可配置属性（delete Object.prototype → TypeError）；
• 对只读属性赋值（Object.defineProperty(obj, 'x', {writable: false}) 后再 obj.x = 2 → TypeError）；
• eval 不再污染外层作用域，且不能重定义 eval 或 arguments 变量。

什么时候必须写 use strict

现代开发中，多数情况已无需手动添加：

• ES6 模块（.mjs 文件或 import/export 的脚本）默认启用严格模式；
• 类（class）、箭头函数、模块语法本身就在严格上下文中运行；
• Vue/React/Vite 等主流构建工具生成的代码，底层已自动包裹严格模式。

但如果你写的是独立 .js 脚本、需要兼容老项目、或调试遗留代码，显式加 "use strict" 仍是稳妥做法——尤其放在文件第一行，或函数体首行（局部启用）。

怎么写才有效

注意几个关键细节，否则会被忽略：

• 必须是纯字符串："use strict" 或 'use strict'，大小写、空格、引号全要匹配；
• 全局模式：必须出现在脚本最顶部（