严格模式

严格模式的概念

严格模式是ECMAScript 5引入的一种特殊执行模式，它通过限制某些语法特性并抛出更多错误来使代码更安全、更优化。在严格模式下，JavaScript引擎会执行更严格的语法检查，并禁用一些不推荐使用的特性。

// 启用严格模式的方式
'use strict';

function strictFunction() {
    'use strict';
    // 函数内的严格模式代码
}

严格模式的主要变化

变量声明要求

在严格模式下，所有变量都必须显式声明，否则会抛出ReferenceError。

'use strict';
x = 10; // ReferenceError: x is not defined
let y = 20; // 正确声明

禁止删除不可删除的属性

严格模式禁止删除变量、函数或不可配置的属性。

'use strict';
var obj = {};
Object.defineProperty(obj, 'x', { value: 42, configurable: false });
delete obj.x; // TypeError: Cannot delete property 'x' of #<Object>

函数参数限制

严格模式下，函数参数不能有同名参数，并且arguments对象的行为有所变化。

'use strict';
function duplicateParams(a, a) { // SyntaxError: Duplicate parameter name not allowed
    // ...
}

this值的改变

在非严格模式下，全局函数中的this指向window对象，而在严格模式下，this为undefined。

'use strict';
function showThis() {
    console.log(this); // undefined
}
showThis();

严格模式对eval和arguments的限制

eval的独立作用域

严格模式下，eval创建的变量不会泄漏到外部作用域。

'use strict';
eval('var x = 10;');
console.log(x); // ReferenceError: x is not defined

arguments不再与参数绑定

在严格模式下，arguments对象不会随参数变化而变化。

'use strict';
function func(a) {
    a = 2;
    console.log(a, arguments[0]); // 2, 1
}
func(1);

严格模式的其他限制

禁止八进制字面量

严格模式下禁止使用八进制数字字面量。

'use strict';
var num = 010; // SyntaxError: Octal literals are not allowed

禁止扩展不可扩展对象

严格模式下不能向不可扩展的对象添加新属性。

'use strict';
var obj = {};
Object.preventExtensions(obj);
obj.newProp = 'value'; // TypeError: Cannot add property newProp, object is not extensible

严格模式下的安全特性

禁止使用with语句

严格模式禁用with语句，因为它会导致性能问题和作用域混淆。

'use strict';
with (obj) { // SyntaxError: Strict mode code may not include a with statement
    // ...
}

禁止访问caller和callee

严格模式下不能访问函数的caller和callee属性。

'use strict';
function restricted() {
    return restricted.caller; // TypeError: 'caller' and 'arguments' are restricted
}

严格模式的实际应用

模块系统中的严格模式

现代JavaScript模块系统(如ES6模块)自动处于严格模式。

// ES6模块自动启用严格模式
export function example() {
    undeclaredVar = 1; // ReferenceError
}

类声明中的严格模式

ES6类声明中的所有代码都自动处于严格模式。

class StrictClass {
    constructor() {
        undeclared = 1; // ReferenceError
    }
}

严格模式的性能优势

严格模式通过消除某些动态特性，使JavaScript引擎能够进行更多优化。

'use strict';
function optimized() {
    // 引擎可以更好地优化这个函数
    // 因为它知道不会有动态作用域查找
    let x = 10;
    return x * 2;
}

严格模式的兼容性考虑

虽然严格模式在现代浏览器中广泛支持，但在旧环境中使用时需要注意。

// 检测严格模式支持
var isStrictSupported = (function() {
    'use strict';
    return !this;
})();

严格模式的最佳实践

逐步迁移到严格模式

大型项目可以逐步采用严格模式，从单个文件或函数开始。

// 非严格代码
function legacyCode() {
    // 旧代码
}

// 新代码使用严格模式
'use strict';
function newCode() {
    // 严格模式代码
}

结合工具使用

使用linter工具(如ESLint)确保严格模式规则被正确遵守。

// .eslintrc.js
module.exports = {
    rules: {
        strict: ['error', 'global']
    }
};

严格模式与未来JavaScript特性

许多新的JavaScript特性要求或建议在严格模式下使用。

'use strict';
// 类字段声明
class FutureReady {
    field = 123; // 需要严格模式
}