23严格模式
概述
严格模式是什么
严格模式是Javascript中的一种限制性更强的変种方式。严格模式不是一个子集：它在语义上与正常代码有着明显的差异。
不支持严格模式的刘览器与支持严格模式的浏览器行为上也不一样，所以不要在未经严格模式特性测试情况下使用严格模式。
严格模式可以与非严格模式共存，所以脚本可以逐渐的选择性加入严格模式。
严格模式的目的
首先，严格模式会将Javascript陷阱直接变成明显的错误。
其次，严格模式修正了一些引擎难以优化的错误：同样的代码有些时候严格模式会比非严格模式下更快
第三，严格模式禁用了一些有可能在未来版本中定义的语法。
开启严格模式
全局开启严格模式
只需要在全局写以下字符串即可。作用于全局作用域
"use strict";
a = 100;
console.log(a);函数开启严格模式
在函数内写以下字符串即可。只作用于函数作用域。例如：
function fn() {
"use strict";
v = 200;
console.log(v);
}变量
禁止意外创建变量
- 非严格模式 在函数作用域中定义变量，不适用var关键字那么自动将其提升为全局变量。例如： function fn() { w = 200; console.log(w); //200 } fn(); console.log(w); //200
- 严格模式下 在严格模式下则会抛出异常 "use strict"; function fn() { // 在函数作用域中定义变量 - 不适用var关键字-> 自动将其提升为全局变量 w = 200; console.log(w); } fn(); console.log(w); // v = 100; // ^
静默失败转为异常
所谓静默失败就是既不报错也没有任何效果，例如改变常量的值。在严格模式下，静默失败会转换成抛出异常。
例如：
// 定义一个常量
const v = 3.14;
// 重新赋值
v = 1.14;
console.log(v);以上代码在稍微老一点的浏览器可能并不会报错（新版报错），但开启严格模式后，一定会报错。
禁止delete关键字
在严格模式下不能对变量使用delete运算符。
例如：
var v = 100;
console.log(v); //100
delete v;
console.log(v); //100- 严格模式下会抛出一个错误
- 非严格模式下会输出两个100
严格模式下禁用delete只针对删除变量，而不是数组元素和对象属性。
"use strict";
var arr = [0, 1, 2, 3, 4];
delete arr[0];
console.log(arr); //[ <1 empty item>, 1, 2, 3, 4 ]
var obj = {
name: "张无忌",
};
delete obj.name;
console.log(obj.name); // undefined对变量名的限制
在严格模式下，JavaScript对变量名也有限制。特别不能使用如下内容作为变量名：
implementsinterfaceletpackageprivateprotectedpublicstaticyield
上述关键词表示在ECMAScript的下一个版本中可能会用到他们，在严格模式下使用以上字符作为变量名会导致语法错误。
对象
不可删除的属性
"use strict";
delete Object.prototype;
console.log(Object.prototype);
// 报错非严格模式下不会报错，但也不会删除成功。但在严格模式下会直接抛出错误。
但严格模式并不会限制所有对象，例如：
"use strict";
delete Math.random;
console.log(Math.random); //undefined
Math.random();即使在严格模式下，还是可以删除Math.random方法。
属性名必须唯一
在严格模式下，一个对象内的所有属性名在对象内必须唯一。
"use strict";
var obj = {
name: "张无忌",
name: "周芷若",
};
console.log(obj.name); // 周芷若开启严格模式后，如果对象具有相同属性，那么并不会报错，而是覆盖。
只读属性的赋值
"use strict";
var obj = {};
Object.defineProperty(obj, "age", {
value: 18,
});
// 针对只读属性进行修改操作
obj.age = 80;
console.log(obj.age);
delete obj.age;
console.log(obj.age);对于不可修改的属性，无论是修改还是删除都会发生报错。
不可扩展的对象
在严格模式下，不能为不可扩展的对象添加新属性。
"use strict";
var obj = {};
// 设置对象obj是一个不可扩展的对象
Object.preventExtensions(obj);
// 为对象obj新增属性或方法
obj.name = "张无忌";
console.log(obj);以上代码在严格模式下会报错，非严格模式下不会报错。
函数
参数名必须唯一
在严格模式下，要求命名函数的参数必须唯一。
function fn(a, a, b) {
console.log(a + a + b);
}
fn(1, 2, 3); //7例如以上代码，非严格模式下会输出7，两个参数a都会被当作2；但在严格模式下，会抛出错误。
arguments的不同
在严格模式下， arguments对象的行为也有所不同。
- 非严格模式下，修改命名参数的值也会反应到arguments对象中。
- 严格模式下，命名参数与arguments对象是完全独立的。
"use strict";
function fn(value) {
var value = "张无忌";
console.log(value); // 张无忌
console.log(arguments[0]); //严格模式下为周芷若 非严格模式下为周芷若
}
fn("周芷若");非严格模式下arguments对象获取参数的值与形参有关。（如果局部变量与形参名相同，则根据就近原则获取）；严格模式下arguments对象获取参数的值与形参无关。
arguments.callee()
在严格模式下，不能使用armaments对象的callee()方法。
"use strict";
function fn() {
return arguments.callee;
}
fn();以上代码在严格模式下会直接报错。
函数声明的限制
在严格模式下，只能在全局域和函数域中声明函数。
"use strict";
// 在全局作用域
function fn() {
function n() {}
}
for (var i = 0; i < 10; i++) {
// ECMAscript 6 新增 - 存在块级作用域
var v = 100;
// 开启严格模式后在块级不能定义函数
function f() {
console.log("this is function");
}
}
console.log(v); // 100
f(); // ReferenceError: f is not defined在严格模式下，函数的定义只能在全局作用域与函数作用域，不能在块级作用域
增加eval()作用域
在严格模式下，使用eval()函数创建的变量只能在eval()函数内部使用。
eval("var v = 100");
console.log(v);以上代码在非严格模式下会输出100，而在严格模式下会抛出错误。
在严格模式下，会增加eval作用域。也就是说在eval函数定义的变量只能在当前eval函数使用。
arguments对象–禁止读写
在严格模式下，禁止使用eval()和arguments作为标示符，也不允许读写它们的值。
- 使用var声明。
- 赋予另一个值
- 尝试修改包含的值。
- 用作函数名。
- 用作命名的函数的参数。
- 在 try-catch语句中用作例外名。
以下语句在严格模式下均会报错：
eval = 17;
arguments++;
++eval;
var obj = {
set p(arguments) {},
};
var eval;
try {
} catch (arguments) {}
function x(eval) {}
function (eval) { }
function arguments() { }
var y = function eval() { }
var f = new Function('arguments', "'use strict';return 17;")抑制this
- 在非严格模式下使用数的
apyly()或call()方法时，null或undefined值会被转换为全局对象。 - 在严格模式下，函数的
this值始终是指定的值（无论什么值）。
"use strict";
var v = 100;
function fn() {
console.log(this.v);
}
var obj = {
v: 200,
};
fn.call(null);在严格模式下会抛出错误，必须明确指定this，例如fn.call(obj);。