ReactNative 进阶（二十三）：Javascript 严格模式详解

作者：No Silver Bullet

2022 年 1 月 18 日
本文字数：2372 字
阅读完需：约 8 分钟

一、概述

除了正常运行模式，ECMAscript 5添加了第二种运行模式：”严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。

二、为什么用严格模式

设立"严格模式"的目的，主要有以下几个：

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

“严格模式”体现了Javascript朝着更合理、更安全、更严谨方向发展，包括IE 10在内的主流浏览器，都已经支持它（有人测试 IE6,7,8,9 均不支持严格模式）。

另一方面，同样的代码，在”严格模式”中，可能会有不一样的运行结果；一些在”正常模式”下可以运行的语句，在”严格模式”下将不能运行。

三、进入标志

"use strict";

复制代码

老版本的浏览器会把它当作一行普通字符串，加以忽略。

四、如何调用

4.1 针对单个脚本

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

复制代码

4.2 针对单个函数

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

复制代码

五、语法与行为改变

严格模式对Javascript的语法和行为，都做了一些改变。

5.1 全局变量显式声明

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

"use strict";v = 1; // 报错，v未声明for(i = 0; i < 2; i++) { // 报错，i未声明}

复制代码

因此，严格模式下，变量都必须先用var命令声明，然后再使用。

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

function f(){  // 返回false，因为"this"指向全局对象，"!this"就是false　　return !this;} 
function f(){ 　　"use strict";　　// 返回true，因为严格模式下，this的值为undefined，所以"!this"为true。　　return !this;}

复制代码

因此，使用构造函数时，如果忘了加new，this不再指向全局对象，而是报错。

function f(){　　"use strict";　　this.a = 1;};f();// 报错，this未定义

复制代码

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

function f1(){
  "use strict";
  f1.caller; // 报错
  f1.arguments; // 报错}
f1();

复制代码

5.4 禁止删除变量

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

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

复制代码

5.5 对象不能有重名的属性

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

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

复制代码

5.5 函数不能有重名的参数

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

"use strict";function f(a, a, b) { // 语法错误　　return ;}

复制代码

5.6 显式报错

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

"use strict";
var o = {};
Object.defineProperty(o, "v", { value: 1, writable: false });
o.v = 2; // 报错

复制代码

严格模式下，对一个使用getter方法读取的属性进行赋值，会报错。

"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; // 报错

复制代码

5.7 禁止八进制表示法

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

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

复制代码

5.8 arguments 对象的限制

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

（1）不允许对arguments赋值

"use strict";
arguments++; // 语法错误
var obj = { set p(arguments) { } }; // 语法错误
try { } catch (arguments) { } // 语法错误
function arguments() { } // 语法错误
var f = new Function("arguments", "'use strict'; return 17;"); // 语法错误

复制代码

（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(); // 报错

复制代码

5.9 函数必须声明在顶层

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

"use strict";
if (true) {
　　function f() { } // 语法错误
}
for (var i = 0; i < 5; i++) {
　　function f2() { } // 语法错误
}

复制代码

5.10 保留字

为了向将来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保留字，也是不能作为变量名的。

六、拓展阅读

MDN, Strict mode
Dr. Axel Rauschmayer，JavaScript's strict mode: a summary
Douglas Crockford, Strict Mode Is Coming To Town

发布于: 刚刚阅读数: 3

原文链接:【http://xie.infoq.cn/article/e9b29eebb61d5c5d9b7b14608】。文章转载请联系作者。

No Silver Bullet

关注

No Silver Bullet 2021.07.09 加入

岂曰无衣与子同袍

发布

暂无评论

创作场景

ReactNative 进阶（二十三）：Javascript 严格模式详解

一、概述

二、为什么用严格模式

三、进入标志

四、如何调用

4.1 针对单个脚本

4.2 针对单个函数

五、语法与行为改变

5.1 全局变量显式声明

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

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

5.4 禁止删除变量

5.5 对象不能有重名的属性

5.5 函数不能有重名的参数

5.6 显式报错

5.7 禁止八进制表示法

5.8 arguments 对象的限制

5.9 函数必须声明在顶层

5.10 保留字

六、拓展阅读

No Silver Bullet

评论