JavaScript的严格模式
一、前言
ES5最早引入了严格模式的概念。通过严格模式,可以在函数内部选择较为严格的全局或局部的错误条件检测。使用严格模式的好处是,可以提早地发现函数内部存在的错误以及编译中产生的错误。 支持严格模式的浏览器包括IE10+、FireFox4+、Safari5.1+和Chrome。
二、选择使用
使用编译指示,实际上就是一个字符串:"use strict";
如果在全局作用域中(函数外部)使用这个编译指示,则整个脚本都将使用严格模式。
也就是说,如果把带有严格模式的脚本放在其他文件中,那么这个文件下的JS代码也会处于严格模式下。
也可以在函数中打开严格模式,
function fn() {
"use strict";
// more codes
}
三、变量
在严格模式下,什么时候创建变量以及怎么创建变量都是有限制的。
1. 必须声明
不允许意外创建全局变量,必须要有一个声明。
var msg = "Hello!";
2. 不能使用delete操作符
不能对变量调用delete操作符。在非严格模式下会静默失败,但是不会报错。而在严格模式下会报错。
3. 变量名不能使用保留字
严格模式下,不能使用implements、interface、let、package、private、protected、public、static、yield等保留字作为变量名。
四、对象
在非严格模式下,操作对象时有些错误会静默失败,而在严格模式下就会报错。 以下情况时操作对象会报错:
- 为只读属性赋值会抛出TypeError;
- 对不可配置的属性使用delete操作符会抛出TypeError;
- 为不可扩展的对象添加属性会抛出TypeError。
另外严格模式下,在通过对象字面量形式来声明对象时,属性名必须唯一,否则会报错。
var person = {
name: 'Knight',
name: 'Bill'
} // Error
五、函数
1. 参数必须唯一
function add(a, a) {
// dosomething
}
解析: 上面这段函数声明在非严格模式下是不会报错的。 严格模式下,通过参数名只能访问第二个参数,第一个参数必须通过**arguments对象(形参列表)**进行访问。
2. arguments对象的命名参数
在严格模式下,arguments对象的行为和非严格模式是有区别的。 在非严格模式下,修改命名参数的值会反映到arguments对象中,但是在严格模式下这两个值是相互独立的。
function showName(name) {
name = 'Mike',
console.log(name); // 'Mike'
console.log(arguments[0]); // 非严格模式:'Mike'; 严格模式: 'Bill'
}
showName('Bill');
解析:在调用函数时,首先会传入实参值'Bill',并写入arguments对象中。 在非严格模式下,函数内部将name值重新赋值为'Mike',因此arguments[0]的值也被同时修改为'Mike'。 而在严格模式下,arguments[0]的值依然是'Bill'。
3. arguments对象的callee和caller
在非严格模式下,这两个属性一个引用函数本身,一个引用调用函数。 而在严格模式下,这两个属性被淘汰,使用时均会报错。
// 求一个阶乘
function fn(num) {
if(num <= 1) {
return 1;
}else {
return num * arguments.callee(num-1);
}
}
console.log(fn(3)); // 3! = 6
解析: 这是一个求阶乘的函数,在非严格模式下,调用函数时,可用arguments.callee()来调用函数本身,从而实现函数功能。 而在严格模式下则会报错。
4. 函数名不允许用保留字
严格模式下,不能使用implements、interface、let、package、private、protected、public、static、yield等保留字作为函数变量名。
5. 禁止不在脚本或者函数层面上的函数声明
在严格模式下,只能在脚本的顶级和在函数内部声明函数。也就是说,在if语句/for语句中,声明函数是会报错的。
"use strict";
if (true) {
function f() { } // !!! 语法错误
f();
}
for (var i = 0; i < 5; i++) {
function f2() { } // !!! 语法错误
f2();
}
function baz() { // 合法
function eit() { } // 同样合法
}
六、eval()
eval()在包含上下文中不再创建变量和函数。
function fn() {
eval("var x = 123;");
console.log(x);
}
fn();
解析:上述代码在严格模式下是会报错的(ReferenceError),而在非严格模式下正常运行。
七、eval与arguments
严格模式不允许使用eval和arguments作为标识符,也不允许读写它们的值。
var eval = 'hello';
var arguments = 'world';
解析:这在非严格模式下是可以解析运行的,但是在严格模式下会报错。 因此,不能将它们用作标识符,以下几种情况均会抛出语法错误:
- 使用var声明
- 赋予另一个值
- 尝试修改包含的值,如使用++
- 用作函数名
- 用作命名的函数参数
- 在try-catch语句中用作例外名
八、抑制this
在非严格模式下使用apply()或者call()方法时,null和undefined值会转换为全局对象。 而在严格模式下,函数的this值始终是指定的值,无论指定的是什么值。
var color = "red";
function displayColor() {
console.log(this.color);
}
displayColor.call(null);
解析: 在非严格模式下,displayColor.call()中传入了null,那么此时函数的this是全局对象,因此会打印出red。 而在严格模式下,这个函数的this就是null,因此在访问null的属性时会报错。
九、其他变化
1. 抛弃with语句
非严格模式下,with语句可以改变解析标识符的路径,但是在严格模式下,with被简化,会报错。
with(location) {
alert(href);
}
2. 抛弃八进制字面量
以0开头的八进制字面量过去经常会导致很多错误。 因此,在严格模式下,八进制字面量已经被抛弃。
var val = 010;
3. parseInt()的变化
在ES5标准的严格模式下,八进制字面量会被当做以0开头的十进制字面量。
var val = parseInt("010");
console.log(val); // 10
十、思维导图