JavaScript深入浅出之严格模式

严格模式是一种特殊的执行模式，修复了部分语言上的不足，提供更强的错误检查，并增强安全性。
为什么使用严格模式:

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

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

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

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

严格模式的声明

function func() {
    'use strict';//向上兼容
}

'use strict';//并不一定是第一行的代码
function func(){}

严格模式的限制

1、不允许用with

!function() {
    'use strict';
    with({x: 1}) {
        console.log(x);
    }
}();//SyntaxError语法错误

2、不允许未声明的变量被赋值

!function() {
    'use strict';
    x = 1;
    console.log(window.x);
}();//ReferenceError

3、arguments变为参数的静态副本
arguments和形参没有了绑定关系，但是仍然可以修改参数的属性.

!function(a) {//形参a与arguments[0]有绑定关系
    arguments[0] = 100;
    console.log(a);
}(1);//100
!function(a) {
    arguments[0] = 100;
    console.log(a);
}();//undefined

!function(a) {
    'use strict';
    arguments[0] = 100;
    console.log(a);
}(1);//1
!function(a) {
    'use strict';
    arguments[0].x = 100;
    console.log(a.x);
}({x: 1});//100

4、delete参数，函数名报错（SyntaxError）

!function(a) {
    console.log(delete a);
}(1);//false

!function(a) {
    'use strict';
    delete a;
}(1);//SyntaxError

5、delete不可配置的属性报错

!function(a) {
    var obj = {};
    Object.defineProperty(obj, 'a', {configurable: false});
    console.log(delete obj.a);
}(1);//false,且删除失败

!function(a) {
    'use strict';
    var obj = {};
    Object.defineProperty(obj, 'a', {configurable: false});
    delete obj.a;
}(1);//TypeError

6、对象字面量重复属性名报错

!function() {
    var obj = {x:1, x:2};
    console.log(obj.x);
}();//2，一般模式下合法，属性以最后一个为准

!function() {
    'use strict';
    var obj = {x:1, x:2};
    console.log(obj.x);
}();//SyntaxError

7、禁止八进制字面量

!function() {
    console.log(0123);
}();//83

!function() {
    'use strict';
    console.log(0123);
}();//SyntaxError

8、eval, arguments变为关键字，不能作为变量函数名

!function() {
    function eval(){}
    console.log(eval);
}();//function eval(){}

!function() {
    'use strict';
    function eval(){}
}();//SyntaxError

9、eval独立作用域

!function() {
    eval('var evalVal = 2;');
    console.log(typeof evalVal);
}();//number

!function() {
    'use strict';
    eval('var evalVal = 2;');
    console.log(typeof evalVal);
}();//undefined