本文共 4493 字，大约阅读时间需要 14 分钟。

Js严格模式

JavaScript严格模式strict mode，即在严格的条件下运行。严格模式消除了Javascript语法的一些不合理、不严谨之处，减少一些怪异行为；消除代码运行的一些不安全之处，保证代码运行的安全；提高了引擎的效率，增加运行速度；为未来新的Js版本做好铺垫。

实例

针对整个脚本文件启用严格模式。

"use strict";x = 1; // Uncaught ReferenceError: x is not defined

针对函数作用域启用严格模式。

x = 1;function s(){    "use strict";    y = 1; // Uncaught ReferenceError: y is not defined}s();

严格模式的限制

不允许直接声明全局变量

// 非严格模式x = 1;console.log(window.x); // 1

// 严格模式"use strict";var x = 1; // 可以使用var在全局作用域声明全局变量y = 1; // Uncaught ReferenceError: y is not defined

不允许delete变量和函数

// 非严格模式var x = 1;delete x; console.log(window.x); // undefined

// 严格模式"use strict";var x = 1;delete x; // Uncaught SyntaxError: Delete of an unqualified identifier in strict mode.

要求函数的参数名唯一

// 非严格模式function s(a, a){    console.log(a + a); // 6}s(2, 3);

// 严格模式"use strict";function s(a, a){ // Uncaught SyntaxError: Duplicate parameter name not allowed in this context    console.log(a + a);}s(2, 3);

不允许使用八进制数字语法

// 非严格模式var x = 010;console.log(x); // 8

// 严格模式"use strict";var y = 010; // Uncaught SyntaxError: Octal literals are not allowed in strict mode.var x = 0O10; // 可以使用ES6中的八进制表示法新写法 前缀0o或0Oconsole.log(x); // 8

不允许使用转义字符

// 非严格模式var x = "\045";console.log(x); // %

// 严格模式"use strict";var x = "\045"; // Uncaught SyntaxError: Octal escape sequences are not allowed in strict mode.

不允许对只读属性操作

// 非严格模式// 操作静默失败，即不报错也没有任何效果// 给不可写属性赋值var obj = {};Object.defineProperty(obj, "x", {value:0, writable:false});obj.x = 1;console.log(obj.x); // 0// 给只读属性赋值var obj = {     _x: 0,    get x() { return this._x; } };obj.x = 1;console.log(obj.x); // 0// 给不可扩展对象的新属性赋值var obj = {};Object.preventExtensions(obj);obj.x = 1;console.log(obj.x); // undefined

// 严格模式// 操作失败抛出异常"use strict";// 给不可写属性赋值var obj = {};Object.defineProperty(obj, "x", {value:0, writable:false});obj.x = 1; // Uncaught TypeError: Cannot assign to read only property 'x' of object '#

不允许使用保留关键字命名变量

// 非严格模式var eval = 1;console.log(eval); // 1

// 严格模式"use strict";var eval = 1; // Uncaught SyntaxError: Unexpected eval or arguments in strict mode

不允许使用with关键字

// 非严格模式var obj = { x:0 };with(obj) {    x = 1;}

// 严格模式"use strict";var obj = { x:0 };with(obj) { // Uncaught SyntaxError: Strict mode code may not include a with statement    x = 1;}

eval声明变量不能在外部使用

// 非严格模式eval("var x = 0");console.log(x); // 0

// 严格模式"use strict";eval("var x = 0"); // eval作用域console.log(x); // Uncaught ReferenceError: x is not defined

arguments保留原始参数

// 非严格模式function s(a, b){    a = 2;    console.log(arguments[0], arguments[1]); // 2 2}s(1, 2);

// 严格模式"use strict";function s(a, b){    a = 2;    console.log(arguments[0], arguments[1]); // 1 2}s(1, 2);

this的限制

在严格模式下通过this传递给一个函数的值不会被强制转换为一个对象。对一个普通的函数来说，this总会是一个对象：不管调用时this它本来就是一个对象；还是用布尔值，字符串或者数字调用函数时函数里面被封装成对象的this；还是使用undefined或者null调用函数式this代表的全局对象（使用call,apply或者bind方法来指定一个确定的this）。这种自动转化为对象的过程不仅是一种性能上的损耗，同时在浏览器中暴露出全局对象也会成为安全隐患，因为全局对象提供了访问那些所谓安全的JavaScript环境必须限制的功能的途径。所以对于一个开启严格模式的函数，指定的this不再被封装为对象，而且如果没有指定this的话它值是undefined。

// 非严格模式function s(){    console.log(this); // Window ...}s();

// 严格模式"use strict";function s(){    console.log(this); // undefined}s();

禁止访问调用栈

在严格模式中再也不能通过广泛实现的ECMAScript扩展游走于JavaScript的栈中。在普通模式下用这些扩展的话，当一个叫fun的函数正在被调用的时候，fun.caller是最后一个调用fun的函数，而且fun.arguments包含调用fun时用的形参。这两个扩展接口对于安全JavaScript而言都是有问题的，因为他们允许安全的代码访问专有函数和他们的（通常是没有经过保护的）形参。如果fun在严格模式下，那么fun.caller和fun.arguments都是不可删除的属性而且在存值、取值时都会报错。

// 非严格模式function ss(){    console.log(ss.caller); // ƒ s(){ ss(); }    console.log(ss.arguments); // Arguments [callee: ƒ, Symbol(Symbol.iterator): ƒ]}function s(){    ss();}s();

// 严格模式"use strict";function ss(){    console.log(ss.caller); // Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them    console.log(ss.arguments); // Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them ƒ]}function s(){    ss();}s();

每日一题

https://github.com/WindrunnerMax/EveryDay

参考

https://www.runoob.com/js/js-strict.htmlhttps://www.cnblogs.com/xumqfaith/p/7841338.htmlhttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Strict_mode