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

十、思维导图

posted @ 2019-06-02 09:40  见嘉于世  阅读(0)  评论(0编辑  收藏  举报  来源