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的一个重要特性,它通过施加更严格的限制,帮助开发者编写更安全、更规范的代码。

相关推荐
jerrywus1 分钟前
为什么每个程序员都应该试试 cmux:AI 加持的终端效率革命
前端·人工智能·claude
codeniu7 分钟前
@logicflow/vue-node-registry 在 Vite 中无法解析的踩坑记录与解决方案
前端·javascript
孟祥_成都14 分钟前
AI 术语满天飞?90% 的人只懂名词,不懂为什么!
前端·人工智能
Lupino40 分钟前
被 React “玩弄”的 24 小时:为了修一个不存在的 Bug,我给大模型送了顿火锅钱
前端·react.js
米丘1 小时前
了解 Javascript 模块化,更好地掌握 Vite 、Webpack、Rollup 等打包工具
前端
Heo1 小时前
深入 React19 Diff 算法
前端·javascript·面试
滕青山1 小时前
个人所得税计算器 在线工具核心JS实现
前端·javascript·vue.js
小怪点点1 小时前
手写promise
前端·promise
国思RDIF框架1 小时前
RDIFramework.NET Web 敏捷开发框架 V6.3 发布 (.NET8+、Framework 双引擎)
前端
颜酱1 小时前
从0到1实现LFU缓存:思路拆解+代码落地
javascript·后端·算法