讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript中的严格模式是什么_为什么启用严格模式是个好习惯

风辰同学_6213

风辰同学_6213

发布时间:2025-12-29 15:26:02

|

289人浏览过

|

来源于php中文网

原创

严格模式是ES5引入的受限执行模式,能提前报错、规范this指向、禁用危险语法,并支持渐进启用。

javascript中的严格模式是什么_为什么启用严格模式是个好习惯

JavaScript 严格模式(strict mode)是 ES5 引入的一种运行模式,它让代码在更受限、更规范的环境中执行。启用它不是强制的,但它是现代 JavaScript 开发中被广泛采纳的实践——因为它能提前暴露问题、减少隐式错误、提升可维护性,并为后续语法升级铺平道路。

严格模式帮你避开这些常见坑

它把很多“悄悄发生”的错误变成明确报错,比如:

  • 给未声明的变量赋值(a = 10)→ 直接抛出 ReferenceError,而不是意外创建全局变量
  • 删除不可配置属性(delete Object.prototype)→ 报 TypeError,而非静默失败
  • 重复定义对象属性({a: 1, a: 2})→ 在严格模式下某些引擎会报错(尤其配合 JSON 或 class 定义时)
  • 使用保留字当变量名(如 class、super、export)→ 立即语法错误,避免未来兼容问题

它让 this 更可靠

在非严格模式下,普通函数中的 this 默认指向全局对象(浏览器里是 window),容易引发难以追踪的 bug。严格模式下,这类调用会让 this 保持为 undefined:

例如:

function foo() { console.log(this); } foo(); // 非严格:window;严格:undefined

立即学习“Java免费学习笔记(深入)”;

java-api-doc-generator
java-api-doc-generator

分析 Java Spring Boot 后端 Controller 代码,自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。

下载

这个变化看似小,却大幅降低因 this 绑定混乱导致的逻辑错误,尤其在事件回调或箭头函数混用场景中更清晰。

它禁用危险或低效的语法

严格模式主动屏蔽了一些已被证明易出错或阻碍引擎优化的特性:

  • 禁用 with 语句(作用域不明确,影响性能和调试)
  • 禁用 arguments.callee 和 caller(不利于内联和尾调用优化)
  • eval() 内部声明的变量不会泄漏到外层作用域
  • 禁止八进制字面量(010)等模糊语法,统一用 0o10

启用方式简单,且支持渐进迁移

你不需要一次性重写整个项目:

  • 全脚本启用:在 .js 文件顶部或 <script></script> 标签第一行加 'use strict';
  • 单函数启用:只在特定函数体开头加该指令,其余代码保持原样
  • ES6 模块(import/export)自动启用严格模式,无需手动添加

老浏览器会把 "use strict" 当作普通字符串忽略,完全兼容;新环境则立即生效。这种“无害降级”设计让启用毫无风险。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2235

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

3582

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

1196

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

4139

2025.09.10

es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

285

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

406

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

395

2025.12.24

全局变量怎么定义
全局变量怎么定义

本专题整合了全局变量相关内容,阅读专题下面的文章了解更多详细内容。

4985

2025.09.18

Tailwind CSS 如何制作导航栏和卡片
Tailwind CSS 如何制作导航栏和卡片

用 Tailwind CSS 制作导航栏和卡片,可先搭建语义化结构,再组合 Flex、Grid、间距、圆角与阴影类。这里整理横向导航、移动端菜单、卡片网格及悬停效果的相关文章,帮助你把常见页面组件做得清晰且适配不同屏幕。

0

2026.11.03

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn