严格模式是什么?怎么开启?
时间:2026-01-14 08:44:30 197浏览 收藏
你在学习文章相关的知识吗?本文《严格模式是什么?为何要开启?》,主要介绍的内容就涉及到,如果你想提升自己的开发能力,就不要错过这篇文章,大家要知道编程理论基础和实战操作都是不可或缺的哦!
严格模式是JavaScript中提升代码规范性、安全性和行为确定性的运行规则。它通过报错消除不合理语法、禁止危险操作(如with语句)、明确this等行为,并可通过"use strict"在脚本或函数顶部启用;现代模块和类默认启用,但老项目仍需手动添加。

JavaScript 严格模式是一种让代码在更规范、更安全环境下运行的机制。它不是新语法,而是一组增强校验和限制的“运行规则”,启用后会让引擎对错误更敏感、行为更确定,避免很多老式 JavaScript 中容易被忽略却埋下隐患的问题。
严格模式的核心作用
它主要解决三类问题:
- 消除不合理语法:比如变量不声明就赋值、函数参数重名、八进制字面量(
0123)等,在非严格模式下可能静默执行或产生歧义,严格模式直接报错 - 提升安全性:禁止
with语句(易导致作用域混乱)、禁止删除不可配置属性、禁止给只读属性赋值 - 明确运行行为:例如函数中未绑定的
this不再默认指向全局对象(如window),而是保持undefined;eval和arguments的行为也更可控
怎么开启严格模式
只需一行字符串指令,但位置很关键:
- 整个脚本启用:放在
.js文件或标签的最开头(第一行)"use strict"; - 单个函数启用:放在函数体内的第一行
function foo() { "use strict"; /* ... */ } - 注意:大小写必须全小写;引号可单可双;不能有前导/尾随空格;不能出现在块级作用域(如
{}内)顶部
现代开发中还用手动写吗?
多数情况下不用显式写了:
- ES6 模块(
import/export)自动启用严格模式,哪怕没写"use strict" - 类(
class)内部方法默认严格,但不影响外部代码 - 主流构建工具(Vue、React、Webpack 等)生成的代码通常已处于严格上下文
不过在纯脚本文件、老项目迁移、或需要兼容性兜底时,手动添加仍是稳妥做法。
不使用严格模式会有什么风险?
表面看代码可能照常运行,但隐患真实存在:
- 忘记
var/let/const声明变量 → 意外挂到全局,引发命名冲突 this在事件回调或普通函数中意外指向window→ 导致难以调试的状态污染eval意外污染外层作用域 → 安全漏洞风险- 未来浏览器或引擎优化可能绕过非严格代码 → 性能落后
严格模式不是束缚,而是提前暴露问题的“编译器级提醒”。它让错误浮出水面,而不是藏在运行时黑盒里。
理论要掌握,实操不能落!以上关于《严格模式是什么?怎么开启?》的详细介绍,大家都掌握了吧!如果想要继续提升自己的能力,那么就来关注golang学习网公众号吧!
相关阅读
更多>
-
502 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
最新阅读
更多>
-
296 收藏
-
387 收藏
-
432 收藏
-
484 收藏
-
213 收藏
-
443 收藏
-
434 收藏
-
386 收藏
-
208 收藏
-
240 收藏
-
132 收藏
-
165 收藏
课程推荐
更多>
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习