JavaScript 严格模式（'use strict'）深度解析

原创

lqw账号 2024-12-21 18:36:38 博主文章分类：话题讨论 ©著作权

文章标签 严格模式 javascript 函数参数 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者lqw账号的原创作品，请联系作者获取转载授权，否则将追究法律责任

在JavaScript的世界里，'use strict' 是一种声明，它启用了一个被称为“严格模式”（Strict Mode）的子集。这种模式为JavaScript代码的执行设定了一套更为严格的规则，旨在捕捉一些常见的编码错误，防止或抛出异常，以及禁用某些不安全的操作。严格模式不仅提升了代码的安全性和可维护性，还是现代JavaScript开发中的最佳实践之一。

启用严格模式

在JavaScript代码或函数的顶部添加 'use strict'; 声明，即可启用严格模式。这个声明必须位于任何代码之前，包括变量声明、函数声明或表达式。

javascript
 'use strict';
 
  
 
 // 你的严格模式代码在这里

对于函数内部的严格模式，可以将声明放在函数体的开头：

javascript
 function myFunction() {
 
     'use strict';
 
     // 函数内部的严格模式代码
 
 }

严格模式的主要影响

变量必须声明后使用
在严格模式下，未声明的变量会导致ReferenceError。这有助于捕捉拼写错误或意外的全局变量创建。

javascript
 'use strict';
 
 x = 10; // ReferenceError: x is not defined

禁用with语句
with语句用于在特定对象中查找属性，但在严格模式下被禁用，因为它可能导致代码难以理解和优化。

javascript
 'use strict';
 
 var obj = { a: 1 };
 
 with (obj) {
 
     a = 2; // SyntaxError: Strict mode code may not include a with statement
 
 }

禁止删除变量或函数
在严格模式下，尝试删除变量、函数、函数参数或arguments对象会导致TypeError。

javascript
 'use strict';
 
 var x = 10;
 
 delete x; // TypeError: Cannot delete variable x

函数参数名必须是唯一的
在严格模式下，如果函数参数名重复，会抛出SyntaxError。

javascript
 'use strict';
 
 function sum(a, a) { // SyntaxError: Duplicate parameter name not allowed in this context
 
     return a + a;
 
 }

eval作用域限制
在严格模式下，eval创建的变量不会泄漏到包含它的作用域之外，也不会修改外部作用域中的变量。
禁用八进制字面量
在严格模式下，八进制字面量（如015）会导致SyntaxError，因为它们容易导致混淆和错误。
改变this的绑定行为
在严格模式下，未指定this值的函数（如非方法函数）在调用时this为undefined，而不是全局对象（在浏览器中通常是window）。
改变arguments对象的行为
在严格模式下，arguments对象与函数参数之间的关联更加紧密。例如，如果函数参数被赋值，arguments对象中的相应值也会更新，反之亦然。但在非严格模式下，这种关联是单向的。
抛出更多错误
严格模式还改变了一些内置函数和对象的行为，使它们在某些情况下抛出更多错误，从而避免潜在的陷阱。