浅析JavaScript中严格模式的使用

下面我将为您详细讲解“浅析JavaScript中严格模式的使用”的完整攻略。

什么是严格模式？

严格模式（Strict Mode）是 ECMAScript 5 引入的一种使 JavaScript 在更严谨的条件下运行的模式。启用严格模式后，一些不规范的写法和散漫的行为将被禁止，从而更好地规范代码的编写。

启用严格模式的方法

严格模式可以通过在代码的开头添加如下一行字符串即可启用：

'use strict';

也可以在函数内部启用严格模式，只要将字符串 'use strict' 放在函数体的开头即可。

严格模式的影响

启用严格模式后，会出现以下变化：

1. 变量必须声明

在严格模式下，变量必须先声明后使用，否则会抛出一个错误。

'use strict';
x = 1; // 抛出错误：x 没有定义

2. 禁止使用 eval 函数

在严格模式下，eval 函数产生的作用域是静态的，不再是动态的（eval() 中的代码无法访问当前函数的作用域），并且不能在所在的作用域引入新的变量。

'use strict';
eval('var x = 1'); // 严格模式下会抛出错误：eval 不能在严格模式下声明变量
console.log(x); // 抛出错误：x 没有定义

3. 禁止this指向全局对象

在严格模式下，如果函数内部的 this 没有被显式设置，将不再默认指向全局对象，而是undefined。

'use strict';
function func(){
  console.log(this);
}
func(); // 输出 undefined

4. 禁止对只读属性赋值

在严格模式下，如果一个变量被设置为了只读属性（通过 Object.defineProperty() 实现），那么它就不能再被赋值为其他的值。

'use strict';
var obj = {name: 'Alice'};
Object.defineProperty(obj, 'name', {writable: false}); // 将name属性设为只读
obj.name = 'Bob'; // 严格模式下会抛出错误：name 属性是只读的

示例说明

下面通过两个简单的示例来说明严格模式的使用。

示例1：变量必须先声明

// 未启用严格模式，变量未声明不会报错
x = 1;
console.log(x); // 输出 1

// 启用严格模式，变量未声明则会报错
'use strict';
y = 2; // 抛出错误：y 未定义
console.log(y);

在未启用严格模式时，直接给未声明的变量赋值会自动将其添加到全局对象中，而在启用严格模式后，只有通过 var、let 或 const 显式声明的变量才会被识别。

示例2：禁止将对象冻结后属性仍为可写

// 未启用严格模式，冻结对象后属性可以被赋值
var obj1 = Object.freeze({name: 'Alice'});
obj1.name = 'Bob';
console.log(obj1.name); // 输出 Bob

// 启用严格模式，冻结对象后属性不可被赋值
'use strict';
var obj2 = Object.freeze({name: 'Alice'});
obj2.name = 'Bob'; // 抛出错误
console.log(obj2.name);

在未启用严格模式时，通过 Object.freeze() 将对象冻结后，属性仍然可以被赋值。而在启用严格模式后，如果对象被冻结，那么属性就不能被赋值。