js开启严格模式后注意事项

最新推荐文章于 2025-12-11 16:09:33 发布
原创 最新推荐文章于 2025-12-11 16:09:33 发布 · 125 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端 #java

本文详细解读了JavaScript中开启严格模式后的注意事项，包括变量预声明、函数参数命名规范、this指向规则和匿名函数this的使用限制。务必了解这些规则以避免常见错误。

开启严格模式

 在script标签的第一行写上 'use strict'，就开启了严格模式。

 严格模式下的注意事项

        1.变量必须要声明后再使用，不然会报错

        

             

         2.函数参数不能同名，不然会报错  

   

          3.函数的this不在指向全局作用域 ，会返回undefined

 

         4.匿名函数不能使用this

                                          

 持续更新~

12-JS严格模式.md
03-31
要在JavaScript代码中开启严格模式，你需要在代码或函数的起始处加入`'use strict';`指令。这可以应用于整个脚本或单个函数中。 ```javascript // 开启全局严格模式 'use strict'; var n = 100; // 这行代码会抛出...
es6函数之严格模式用法实例分析
10-15
ES6函数之严格模式的用法是ES6（ECMAScript 2015）对JavaScript语言的重要补充，它提供了一种方式，使得开发者能够选择性地开启严格模式来增强代码的严格性，从而避免一些不好的编程实践。在严格模式下，JavaScript...
es6严格模式需要注意的地方
weixin_30588675的博客
08-19 171
1.块级函数 "use strict"; 　　if (true) { 　　　　function f() { } // 语法错误 　　} es5中严格模式下禁止声明块级函数，而在es6的严格模式中可以声明块级函数，并可以在块级作用 'use strict' var b= true; if(b){ function test(){ ...
Vuex的严格模式是什么,有什么作用，如何开启？
大剑师兰特的GIS世界
12-08 1224
Vuex 的严格模式是一种开发工具，用于确保所有的状态变更都只能通过提交 mutation 来进行。在严格模式下，任何直接修改 Vuex store 中 state 的尝试都会触发错误，这使得状态的更改更加透明和可追踪，有助于开发者快速定位问题。
JavaScript 严格模式（Strict Mode）
JakeMa1024的博客
05-28 946
在 JavaScript 的世界里，灵活性是一把双刃剑。它赋予开发者自由创作的能力，但也可能隐藏着潜在的错误和安全隐患。为了解决这一矛盾，ECMAScript 5（ES5）引入了 **严格模式（Strict Mode）**，这是一个让代码运行在更严格环境下的“开关”。通过简单地添加一行 `"use strict";`，开发者可以显著提升代码的健壮性、安全性和可维护性。
JavaScript的严格模式
SoulArbiter的博客
04-30 2924
什么是严格模式 我们平时写的 JavaScript 代码一般都运行在正常模式中的，除了正常运行模式， ECMAscript 5 添加了第二种运行模式：”严格模式”（ strict mode ）。看名字就知道，这种模式会让 JavaScript 在更严格的环境中运行。 包括 IE 10 在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱。（ github 上面好多项目都是
React 的严格模式：使用方法及其作用
My_wife_QBL的博客
08-03 643
严格模式是一种在 React 应用中引入的额外检查和警告机制。它能够帮助开发者识别不安全的生命周期方法、过时的 API、意外的副作用等问题。严格模式不会影响生产环境的性能，但在开发环境中，它可以提供更严格的检查。React 的严格模式为开发者提供了一个强有力的工具，能够帮助识别潜在问题、提高代码质量并促进更好的开发实践。通过简单地将包裹在组件树中，开发者可以享受到严格模式带来的种种好处。理解严格模式的作用及其使用方法，将有助于你在开发过程中更加高效地发现和解决问题。
Js高级 - this 确认规则（严格模式 vs 非严格模式）
m0_74154295的博客
07-28 656
JavaScript中的this绑定规则解析（严格模式与非严格模式对比） 本文系统梳理了JavaScript中this的绑定规则，重点分析了不同调用方式下的this指向差异： 全局环境：非严格和严格模式均指向全局对象 函数调用：严格模式返回undefined，非严格指向全局对象 对象方法：始终指向调用对象 特殊调用：包括new构造函数（指向实例）、箭头函数（继承外层this）以及call/apply/bind的显式绑定 特别详细解析了call、apply、bind三者的区别： call：逐个传参，立即执行
严格模式下的要求
fengqixuejian的博客
09-01 92
1、开启严格模式的语法 在想要开启严格模式的区域开头写上 ： 'use strict'; 写在script开头，就是为全局脚本开启严格模式 写在函数开头，就是为当前函数开启严格模式
关于严格模式的具体分析
2301_78675670的博客
08-27 718
文章中讲解了：关于严格模式中需要注意的重点事项和具体的使用方式
JavaScript严格模式（“use strict“）的简单描述
qq_45280324的博客
08-12 333
JavaScript严格模式（“use strict”）的简单描述 1. 使用前准备： 严格模式出现在ES6版本，在IDEA或者其他编译工具中调整版本 2. 严格模式的作用： 由于JavaScript语言自由性，需要增加约束来消除JavaScript语法的一些不合理、不严谨之处； 消除代码运行的一些不安全之处，保证代码运行的安全； 为JavaScript的升级规范做好基础准备。 3. "use strict"书写位置： 在JavaScript代码开始处书写"use strict"，针对整个Java
检测JavaScript环境严格模式支持的方法及实践
开发者应当在编写代码时主动开启严格模式，并确保代码符合严格模式的规则，以避免在不支持严格模式的浏览器中运行时出现意外错误。 7. 测试严格模式的代码: 文档中提供了测试严格模式的示例代码，开发者可以通过...
实现JavaScript严格模式的最佳实践
- 开发者应当注意，在函数作用域内开启严格模式时，只有在这个函数内部的代码才会受到影响，外部代码不会受到影响。 - 当使用模块系统（如ES6模块）时，严格模式可以在每个单独的文件或模块中启用，而不需要通过...
javascript 性能优化实战：异步和延迟加载
小伙伴们全都Lucky！
12-11 831
本文探讨JavaScript性能优化中的异步加载与延迟加载技术。异步加载通过async/defer属性或动态创建script元素避免阻塞渲染；延迟加载则利用IntersectionObserver API按需加载非关键资源。二者结合可显著提升性能：异步加载核心脚本确保交互流畅，延迟加载减少初始请求量。实践表明，该方案能降低DOMContentLoaded时间30%以上，减少初始加载量90%，但需注意async脚本的执行顺序问题和延迟加载的回退处理。文中提供了完整的代码实现示例。
第十篇：Day28-30 工程化优化与部署——从“能跑”到“好用”（对标职场“项目上线”需求）
2402_87628679的博客
12-11 907
gzip on;性能优化：掌握Vite的资源压缩、Tree Shaking、代码分割配置，能实现路由/组件懒加载、虚拟滚动等渲染优化，理解gzip/br压缩的原理和后端配置；兼容性处理：能通过`@vitejs/plugin-legacy`和autoprefixer适配低版本浏览器，理解`browserslist`的作用，知道Vue 3的兼容性限制；多环境配置：能创建多环境变量文件，在项目中使用`import.meta.env`访问环境变量，区分开发/测试/生产环境的配置；项目部署。
华为云 DevUI初体验：如何快速入门项目搭建
康宝的博客
12-10 516
本文详细介绍了基于Angular 18和华为云DevUI的企业级Web应用开发环境搭建流程。主要内容包括：Node.js 20+环境准备、Angular CLI 18安装、项目初始化配置（选择SCSS样式）、DevUI组件库及图标库的安装。文章重点说明了如何在项目中正确配置DevUI样式和模块，并演示了基础组件的使用。通过这套技术方案，开发者可以快速构建具备丰富UI组件支持的企业级应用，提高开发效率。
第十一篇：Day31-33 前端安全与性能监控——从“能用”到“安全可靠”（对标职场“系统稳定性”需求）
最新发布
2402_87628679的博客
12-11 1176
对于小型项目或特定业务场景，可通过自定义埋点实现核心指标监控，无需接入复杂工具。// src/utils/monitor.js（自定义监控工具） import axios from 'axios';// 监控数据上报接口（后端提供） const MONITOR_UPLOAD_URL = '/api/monitor/upload';
ESM (ES Modules) 和 CJS (CommonJS)
Irene1991的博客
12-11 640
ESM和CJS是JavaScript的两种模块系统。ESM是ES6引入的现代标准，采用静态编译时加载，支持TreeShaking；CJS是Node.js传统方式，采用动态运行时加载。ESM语法为import/export，CJS为require()/module.exports。新项目推荐ESM，维护旧项目可使用CJS。两者可互相调用：ESM通过createRequire调用CJS，CJS通过动态import()调用ESM。配置时需注意文件扩展名和package.json的type字段声明。ESM代表Jav
React18+快速入门 - 1.响应式机制之 useState 和 useReducer
weixin_63443072的博客
12-09 468
本文详细介绍了React中两个核心状态管理Hook：useState和useReducer。首先讲解了useState的基础用法，包括三种初始化方式（直接值、函数初始化、对象状态）和四种更新状态的方法（直接设置新值、函数更新、部分更新对象、重置状态），并通过TodoList示例展示复杂状态管理。然后介绍了useReducer的基本概念，适合处理复杂状态逻辑，演示了reducer函数的三种写法（switch语句最常用），通过计数器示例说明如何使用dispatch派发不同action来更新状态。全文通过丰富代码
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿珍敲code

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值