前端进阶小书

# Use Strict

严格模式"是一种在JavaScript代码运行时自动实行更严格解析和错误处理的方法。这种模式使得Javascript在更严格的条件下运行。最好只在函数内使用严格模式.

# 设立"严格模式"的优点

  1. 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;

  2. 消除代码运行的一些不安全之处，保证代码运行的安全；

  3. 提高编译器效率，增加运行速度；

  4. 为未来新版本的Javascript做好铺垫。

注：经过测试 IE6,7,8,9 均不支持严格模式。

# 设立"严格模式"的缺点

现在网站的 JS 都会进行压缩，一些文件用了严格模式，而另一些没有。这时这些本来是严格模式的文件，被 merge 后，这个串就到了文件的中间，不仅没有指示严格模式，反而在压缩后浪费了字节。

# 严格模式详情

// 变量必须先声明，再使用
function test(){
  "use strict";
  foo = 'bar';  // Error
}
 
// 不能对变量执行delete操作
var foo = "test";
function test(){}
 
delete foo; // Error
delete test; // Error
 
function test2(arg) {
    delete arg; // Error
}
// 对象的属性名不能重复
{ foo: true, foo: false } // Error
 
禁用eval()
 
// 函数的arguments参数
setTimeout(function later(){
  // do stuff...
  setTimeout( later, 1000 );
}, 1000 );
 
禁用with(){}
 
// 不能修改arguments
// 不能在函数内定义arguments变量
// 不能使用arugment.caller和argument.callee。因此如果你要引用匿名函数，需要对匿名函数命名。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

  1. 使调试更加容易。那些被忽略或默默失败了的代码错误，会产生错误或抛出异常，因此尽早提醒你代码中的问题，你才能更快地指引到它们的源代码。

  2. 变量在赋值之前必须声明,防止意外的全局变量。如果没有严格模式，将值分配给一个未声明的变量会自动创建该名称的全局变量。这是JavaScript中最常见的错误之一。在严格模式下，这样做的话会抛出错误。

  3. 取消this值的强制转换。如果没有严格模式，引用null或未定义的值到 this 值会自动强制到全局变量。在严格模式下，引用 null或未定义的 this 值会抛出错误。严格模式下，this不会指向window

  4. 不允许重复的属性名称或参数值。当检测到对象中重复命名的属性，例如：

    var object = {foo: "bar", foo: "baz"};

    // 或检测到函数中重复命名的参数时,例如：

    function foo(val1, val2, val1){})
1
2
3
4
5

严格模式会抛出错误，因此捕捉几乎可以肯定是代码中的bug可以避免浪费大量的跟踪时间。

  1. 使 eval() 更安全。在严格模式和非严格模式下， eval() 的行为方式有所不同。最显而易见的是，在严格模式下，变量和声明在 eval() 语句内部的函数不会在包含范围内创建（它们会在非严格模式下的包含范围中被创建，这也是一个常见的问题源）。

  2. 在 delete 使用无效时抛出错误。 delete 操作符（用于从对象中删除属性）不能用在对象不可配置的属性上。当试图删除一个不可配置的属性时，非严格代码将默默地失败，而严格模式将在这样的情况下抛出异常。

  3. 严格模式去除了with语句

  4. 不能修改arguments ，不能在函数内定义arguments变量  ，不能使用arugment.caller和argument.callee。因此如果你要引用匿名函数，需要对匿名函数命名。

← Javascript 模块化 →