在JavaScript开发中,严格模式(Strict Mode)是一个非常重要的特性。它从ES5开始引入,旨在让JavaScript代码运行在更严格的条件下,从而提高代码的安全性和性能。本文将详细介绍严格模式的概念、开启方式以及它与普通模式的区别。
一、什么是严格模式?
严格模式是JavaScript的一种运行模式,它对代码的语法和行为施加了更严格的限制。严格模式的主要目标是:
- 消除JavaScript语法的一些不合理、不严谨之处。
- 消除代码运行的一些不安全之处。
- 提高编译器效率,增加运行速度。
- 为未来新版本的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的一个重要特性,它通过施加更严格的限制,帮助开发者编写更安全、更规范的代码。