stay hungry stay foolish

js严格模式

“严格模式”体现了Javascript更合理、更安全、更严谨的发展方向,包括IE 10在内的主流浏览器,都已经支持它。

js严格模式主要有以下好处:

  • 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;
  • 消除代码运行的一些不安全之处,保证代码运行的安全;
  • 提高编译器效率,增加运行速度;
  • 为未来新版本的Javascript做好铺垫。

“严格模式”有两种调用方法,适用于不同的场合。

针对整个脚本:

<script>
    "use strict";
    console.log("这是严格模式。");
</script>

针对单个函数:

function strict(){
    "use strict";
    return "这是严格模式。";
}

语法和行为改变

1、全局变量显式声明

在正常模式中,如果一个变量没有声明就赋值,默认是全局变量。严格模式禁止这种用法,全局变量必须显式声明。

"use strict"
a = 1; //报错

2、静态绑定

  • 禁止使用with语句(因为with语句无法在编译时就确定,属性到底归属哪个对象)
  • 正常模式下,Javascript语言有两种变量作用域(scope):全局作用域和函数作用域。严格模式创设了第三种作用域:eval作用域。严格模式下,eval语句的作用域,取决于它处于全局作用域,还是处于函数作用域。严格模式下,eval语句本身就是一个作用域,不再能够生成全局变量了,它所生成的变量只能用于eval内部。
"use strict"
eval('var x = 1');
console.log(x); //报错

3、增强的安全措施

  • 禁止this关键字指向全局对象
  • 禁止在函数内部遍历调用栈
function f() {
    "use strict";
    arguments;
    f1.caller; //报错
    f1.arguments; //报错
    this.test = 1; //报错
}
f();

4、禁止删除变量

严格模式下无法删除变量。只有configurable设置为true的对象属性,才能被删除。

"use strict";
var x;
delete x; // 语法错误
var o = Object.create(null, {
    'x': {
        value: 1,
        configurable: true
    }
});
delete o.x; // 删除成功

5、显式报错

  • 正常模式下,对一个对象的只读属性进行赋值,不会报错,只会默默地失败。严格模式下,将报错。
  • 严格模式下,对一个使用getter方法读取的属性进行赋值,会报错。
  • 严格模式下,对禁止扩展的对象添加新属性,会报错。
  • 严格模式下,删除一个不可删除的属性,会报错。
"use strict";
var o = {};
Object.defineProperty(o, "v", {
    value: 1,
    writable: false
});
o.v = 2; // 报错

"use strict";
var o = {
    get v() {
        return 1;
    }
};
o.v = 2; // 报错

"use strict";
var o = {};
Object.preventExtensions(o);
o.v = 1; // 报错

"use strict";
delete Object.prototype; // 报错

6、重名错误

  • 对象不能有重名的属性
  • 函数不能有重名的参数
"use strict";
var o = {
    a: 1,
    a: 2
} //报错
function f(a,a,b) {

} //报错

7、禁止八进制表示法

"use strict";
var n = 0100; // 语法错误

8、arguments对象的限制

(1)不允许对arguments赋值

"use strict";
arguments++; // 语法错误
function arguments() { } // 语法错误

(2)arguments不再追踪参数的变化

function f(a) {
    a = 2;
    return [a, arguments[0]];
}
f(1); //正常模式为[2,2]
function f(a) {
    "use strict";
    a = 2;
    return [a, arguments[0]];
}
f(1); //严格模式为[2,1]

(3)禁止使用arguments.callee

这意味着,你无法在匿名函数内部调用自身了。

"use strict";
var f = function () {
    return arguments.callee;
};
f(); //报错

9、函数必须声明在顶层

if(true) {
    function f(){}; //报错
}