JavaScript中use strict是什么，使用他的优缺点
use strict 是 JavaScript 中的一种 严格模式，用于在更严格的条件下执行代码。它可以帮助开发者避免常见的错误，并提高代码的安全性和性能。
1. 什么是 use strict？
- 定义：
use strict是一种指令，用于启用 JavaScript 的严格模式。 - 作用：在严格模式下，JavaScript 引擎会对代码进行更严格的解析和错误检查。
- 启用方式：
- 全局启用：在脚本文件或
<script>标签的开头添加"use strict";。 - 局部启用：在函数内部添加
"use strict";。
- 全局启用：在脚本文件或
2. 严格模式的主要特性
(1) 禁止意外创建全局变量
- 非严格模式下，未声明的变量会被隐式创建为全局变量。
- 严格模式下会抛出错误。
示例：
"use strict";
x = 10; // 报错：ReferenceError: x is not defined
(2) 禁止删除不可删除的属性
- 非严格模式下，删除不可删除的属性（如
delete Object.prototype）会静默失败。 - 严格模式下会抛出错误。
示例：
"use strict";
delete Object.prototype; // 报错：TypeError: Cannot delete property 'prototype' of Object
(3) 禁止重复的参数名
- 非严格模式下，函数允许重复的参数名。
- 严格模式下会抛出错误。
示例：
"use strict";
function sum(a, a, c) { // 报错：SyntaxError: Duplicate parameter name not allowed in this context
return a + a + c;
}
(4) 禁止使用 with 语句
with语句会导致代码难以理解和优化。- 严格模式下会抛出错误。
示例：
"use strict";
with (Math) { // 报错：SyntaxError: Strict mode code may not include a with statement
console.log(PI);
}
(5) 禁止 this 指向全局对象
- 非严格模式下，函数中的
this默认指向全局对象（如window）。 - 严格模式下，
this为undefined。
示例：
"use strict";
function test() {
console.log(this); // 输出：undefined
}
test();
(6) 禁止八进制字面量
- 非严格模式下，以
0开头的数字会被解析为八进制。 - 严格模式下会抛出错误。
示例：
"use strict";
const num = 0123; // 报错：SyntaxError: Octal literals are not allowed in strict mode
3. 使用 use strict 的优点
- 减少错误：避免隐式创建全局变量、意外删除属性等常见错误。
- 提高安全性：防止不安全的操作（如
eval修改作用域）。 - 优化性能：帮助 JavaScript 引擎更好地优化代码。
- 更好的代码质量：强制使用更严格的语法，提升代码可维护性。
4. 使用 use strict 的缺点
- 兼容性问题：旧版浏览器可能不支持严格模式。
- 代码迁移成本：将非严格模式代码迁移到严格模式可能需要大量修改。
- 学习成本：开发者需要了解严格模式的规则和限制。
5. 如何启用严格模式
(1) 全局启用
在脚本文件或 <script> 标签的开头添加 "use strict";。
"use strict";
// 严格模式下的代码
(2) 局部启用
在函数内部添加 "use strict";。
function strictFunction() {
"use strict";
// 严格模式下的代码
}
总结
| 特性 | 严格模式 | 非严格模式 |
|---|---|---|
| 全局变量 | 禁止隐式创建 | 允许隐式创建 |
| 删除属性 | 禁止删除不可删除的属性 | 静默失败 |
| 参数名 | 禁止重复 | 允许重复 |
with 语句 | 禁止使用 | 允许使用 |
this 指向 | 函数中为undefined | 指向全局对象 |
| 八进制 | 禁止使用 | 允许使用 |
建议：在现代 JavaScript 开发中，推荐始终使用严格模式，以提高代码质量和安全性。
更多vue相关插件及后台管理模板可访问vue admin reference，代码详情请访问github
