js 严格模式

forgiveForever
42 阅读4分钟

严格模式

概念

JavaScript 除了提供正常模式外，还提供了严格模式（strict mode）。ES5 的严格模式是采用具有限制性 JavaScript变体的一种方式，即在严格的条件下运行 JS 代码。严格模式在 IE10 以上版本的浏览器中才会被支持，旧版本浏览器中会被忽略。

严格模式对正常的 JavaScript 语义做了一些更改：

  • 消除了 Javascript 语法的一些不合理、不严谨之处，减少了一些怪异行为。
  • 消除代码运行的一些不安全之处，保证代码运行的安全。
  • 提高编译器效率，增加运行速度。
  • 禁用了在 ECMAScript 的未来版本中可能会定义的一些语法，为未来新版本的 Javascript 做好铺垫。比如一些保留字如：class,enum,export, extends, import, super 不能做变量名。

使用

为脚本开启严格模式

//为整个脚本(script标签)开启严格模式
<script>
'use strict';
 // 下面js代码会按照严格模式执行代码
</script>

为函数开启严格模式

//为某个函数开启严格模式
<script>
function fn() {
    "use strict";
    //下面代码按照严格模式执行

}
</script>

代码块开启严格模式

if(true){
    "use strict";
    //下面代码按照严格模式执行
}

严格模式对于语法和行为的改变

全局变量显式声明

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

严格模式下变量都必须先声明再使用。抛开 JavaScript 设计的不合理、缺陷、甚至是 Bug，或者是其他看起来很反人类的东西，在了解历史原因和其中原理之后，为了代码可读性都理应如此。

"use strict";

　　v = 1; // 报错，v未声明

　　for(i = 0; i < 2; i++) { // 报错，i未声明  
　　}

静态绑定

Javascript语言的一个特点，就是允许"动态绑定"，即某些属性和方法到底属于哪一个对象，不是在编译时确定的，而是在运行时（runtime）确定的。

严格模式对动态绑定做了一些限制。某些情况下，只允许静态绑定。也就是说，属性和方法到底归属哪个对象，在编译阶段就确定。这样做有利于编译效率的提高，也使得代码更容易阅读，更少出现意外。

禁止使用with语句

"use strict";

　　var v = 1;

　　with (o){ // 语法错误  
　　　　v = 2;  
　　}

创设eval作用域

"use strict";

var x = 2;
console.info(eval("var x = 5; x")); // 5
console.info(x); // 2

增强的安全措施

禁止this关键字指向全局对象

    function f(){  
　　　　return !this;  
　　}  
　　// 返回false，因为"this"指向全局对象，"!this"就是false

　　function f(){  
　　　　"use strict";  
　　　　return !this;  
　　}  
　　// 返回true，因为严格模式下，this的值为undefined，所以"!this"为true。

禁止在函数内部遍历调用栈

    function f1(){

　　　　"use strict";

　　　　f1.caller; // 报错

　　　　f1.arguments; // 报错

　　}

　　f1();

禁止删除变量

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

    "use strict";

　　var x;

　　delete x; // 语法错误

　　var o = Object.create(null, {'x': {  
　　　　　　value: 1,  
　　　　　　configurable: true  
　　}});

　　delete o.x; // 删除成功

显式报错

正常模式下，对一个对象的只读属性进行赋值，不会报错，只会默默地失败。严格模式下，将报错。

   "use strict";  
  
　　var o = {};

　　Object.defineProperty(o, "v", { value: 1, writable: false });

　　o.v = 2; // 报错

重名错误

对象不能有重名的属性

正常模式下，如果对象有多个重名属性，最后赋值的那个属性会覆盖前面的值。严格模式下，这属于语法错误。

    "use strict";

　　var o = {  
　　　　p: 1,  
　　　　p: 2  
　　}; // 语法错误

函数不能有重名的参数

正常模式下，如果函数有多个重名的参数，可以用arguments[i]读取。严格模式下，这属于语法错误。

    "use strict";

　　function f(a, a, b) { // 语法错误

　　　　return ;

　　}

禁止八进制表示法

正常模式下，整数的第一位如果是0，表示这是八进制数，比如0100等于十进制的64。严格模式禁止这种表示法，整数第一位为0，将报错。

    "use strict";

　　var n = 0100; // 语法错误

arguments对象的限制

arguments是函数的参数对象，严格模式对它的使用做了限制。

（1）不允许对arguments赋值

（2）arguments不再追踪参数的变化

（3）禁止使用arguments.callee

函数必须声明在顶层

将来Javascript的新版本会引入"块级作用域"。为了与新版本接轨，严格模式只允许在全局作用域或函数作用域的顶层声明函数。也就是说，不允许在非函数的代码块内声明函数。

    "use strict";

　　if (true) {

　　　　function f() { } // 语法错误

　　}

　　for (var i = 0; i < 5; i++) {

　　　　function f2() { } // 语法错误

　　}

保留字

为了向将来Javascript的新版本过渡，严格模式新增了一些保留字：implements, interface, let, package, private, protected, public, static, yield。

使用这些词作为变量名将会报错。

    function package(protected) { // 语法错误

　　　　"use strict";

　　　　var implements; // 语法错误

　　}

此外，ECMAscript第五版本身还规定了另一些保留字（class, enum, export, extends, import, super），以及各大浏览器自行增加的const保留字，也是不能作为变量名的。

avatar
文章
阅读
粉丝