JS严格模式:更安全、更高效的代码实践

在JavaScript开发中,严格模式(Strict Mode)是一个非常重要的特性。它从ES5开始引入,旨在让JavaScript代码运行在更严格的条件下,从而提高代码的安全性和性能。本文将详细介绍严格模式的概念、开启方式以及它与普通模式的区别。

一、什么是严格模式?

严格模式是JavaScript的一种运行模式,它对代码的语法和行为施加了更严格的限制。严格模式的主要目标是:

  1. 消除JavaScript语法的一些不合理、不严谨之处。
  2. 消除代码运行的一些不安全之处。
  3. 提高编译器效率,增加运行速度。
  4. 为未来新版本的JavaScript做好铺垫。

严格模式体现了JavaScript更合理、更安全、更严谨的发展方向。支持严格模式的浏览器包括Internet Explorer 10+、Firefox 4+、Chrome 13+、Safari 5.1+和Opera 12+。

二、开启严格模式

开启严格模式非常简单,只需要在代码中添加以下语句:

javascript 复制代码
"use strict";

(一)针对整个脚本文件

将"use strict"放在脚本文件的第一行,则整个脚本都将以严格模式运行。如果这行语句不在第一行,则无效,整个脚本将以普通模式运行。

javascript 复制代码
"use strict";
console.log("这是严格模式。");

(二)针对单个函数

将"use strict"放在函数体的第一行,则整个函数以严格模式运行。

javascript 复制代码
function strict() {
    "use strict";
    return "这是严格模式。";
}

function notStrict() {
    return "这是普通模式。";
}

(三)脚本文件的变通写法

为了便于文件合并,可以将整个脚本文件放在一个立即执行的匿名函数中。

javascript 复制代码
(function () {
    "use strict";
    // some code here
})();

三、严格模式与普通模式的区别

严格模式对JavaScript的语法和行为做了许多改变。以下是一些主要的区别:

(一)未声明的变量不能使用

在普通模式下,可以使用未声明的变量,这些变量会自动成为全局变量。但在严格模式下,这会导致错误。

javascript 复制代码
"use strict";
a = 10; // ReferenceError: a is not defined

(二)删除变量和不存在的属性会报错

在普通模式下,删除变量或不允许删除的属性虽然会失败,但不会报错。在严格模式下,这会导致错误。

javascript 复制代码
"use strict";
var i = 10;
delete i; // SyntaxError: Delete of an unqualified identifier in strict mode.

(三)函数中相同的形参名会报错

在普通模式下,函数中两个形参名相同不会报错,但后面的形参值会覆盖前面的。在严格模式下,相同的形参名会导致错误。

javascript 复制代码
"use strict";
function a(b, b) {
    console.log(b); // SyntaxError: Duplicate parameter name not allowed in this context
}
a(1, 2);

(四)对象不能有重名的属性

在普通模式下,对象的多个重名属性中,最后赋值的那个会覆盖前面的。在严格模式下,这会导致语法错误。

javascript 复制代码
"use strict";
var o = {
    p: 1,
    p: 2
}; // SyntaxError: Duplicate data property in object literal not allowed in strict mode

(五)禁止八进制表示法

在普通模式下,整数的第一位如果是0,表示这是八进制数。在严格模式下,这种表示法是禁止的。

javascript 复制代码
"use strict";
var i = 010; // SyntaxError: Octal literals are not allowed in strict mode.

(六)函数内部this值为undefined

在普通模式下,函数中的this在以函数的形式被调用时,指向全局对象。在严格模式下,this的值为undefined。

javascript 复制代码
"use strict";
function a() {
    console.log(this); // undefined
}
a();

(七)创设eval作用域

在普通模式下,eval语句的作用域取决于它处于全局作用域还是函数作用域。在严格模式下,eval语句本身就是一个作用域,不再能够生成全局变量。

javascript 复制代码
"use strict";
var x = 2;
console.info(eval("var x = 5; x")); // 5
console.info(x); // 2

(八)保留字

为了向未来的JavaScript版本过渡,严格模式新增了一些保留字:implements, interface, let, package, private, protected, public, static, yield。使用这些词作为变量名会导致错误。

javascript 复制代码
"use strict";
var public = "hello world"; // SyntaxError: Unexpected strict mode reserved word

四、总结

严格模式是JavaScript的一个重要特性,它通过施加更严格的限制,帮助开发者编写更安全、更规范的代码。

相关推荐
孟陬16 分钟前
Foobar 技术周刊#159:当看不懂代码时,如何高效排障调试。脏页陷阱:一条只读查询,写入数 TB 数据。推测解码:大模型加速利器
前端·人工智能·后端
Zhao-Jichao25 分钟前
AI Prompting for Everyone 课程笔记 - P17 图像生成 Imaging Generation
前端
Highcharts.js1 小时前
智能数据分析组件Orbit 正式发布与快速上手体验教程
前端·人工智能·信息可视化·数据分析系统·highcharts·orbit·智能可视化
Dream-Y.ocean1 小时前
鸿蒙PC平台星图遥感适配实战:基于 Electron 壳方案的纯 JavaScript 遥感图像处理引擎开发
javascript·electron·harmonyos
螺丝钉tina2 小时前
[Playwright ][16]Playwright + TypeScript API 自动化测试实战:API测试
前端·javascript·typescript
小天源2 小时前
智叟云集系统 · 架构与职责分层
服务器·前端·数据库
Highcharts.js4 小时前
React 中原生支持使用 JSX 组件配置自定义表格 Highcharts Grid
前端·javascript·react.js·前端框架·jsx·highcharts·自定义表格
Java后端的Ai之路4 小时前
【AIAgent开发】-Agent工具封装成CLI(纯干货!!!)
java·javascript·人工智能·agent·cli
薛定谔的猫-菜鸟程序员4 小时前
Electron开发超详细教程(从入门到放弃)
前端·javascript·electron
最强小杰5 小时前
DeepSeek V4 Flash + Codex CLI 接入教程:原生 Responses API 适配,从配置到跑通收藏这篇就够了(2026)
java·前端·python·ai