JS Strict Mode

JavaScript Strict Mode: 'use strict'; Restrictions & Safety

Strict Mode (introduced in ES5) opts JavaScript into a restricted variant of the language that intentionally eliminates silent errors, enforces variable declaration, prevents reserved keyword usage, and improves runtime performance optimization.

Strict Mode Restrictions Overview

flowchart TD
    StrictMode["'use strict'; Enabled"] --> NoUndeclared["Throws ReferenceError on undeclared assignments (x = 10)"]
    StrictMode --> NoSilentFail["Throws TypeError on assignment to read-only properties"]
    StrictMode --> CleanThis["Global 'this' in plain functions is undefined (not Window)"]
    StrictMode --> SafeEval["eval() cannot introduce variables into surrounding scope"]

Strict Mode vs Non-Strict Comparison

Practical Code Example

// Demonstrating strict mode enforcement

"use strict"; // Opt-in to strict mode for script or function scope

// 1. Undeclared Variable Assignment Protection
function testUndeclared() {
  try {
    // implicitGlobal = 42; // Throws ReferenceError in strict mode!
  } catch (e) {
    console.error(`Strict Error: ${e.message}`);
  }
}
testUndeclared();

// 2. Strict Mode 'this' Behavior
function checkThisBinding() {
  console.log(`Strict mode function 'this': ${this}`); // undefined!
}
checkThisBinding();

// 3. Read-Only Property Protection
const frozenObj = Object.freeze({ role: "admin" });
try {
  // frozenObj.role = "editor"; // Throws TypeError in strict mode!
} catch (e) {
  console.error(`Read-Only Error: ${e.message}`);
}

Best Practices & Gotchas

• ES6 Modules are Automatically Strict: All ES6 modules (import/export) and ES6 class bodies execute in Strict Mode automatically without needing 'use strict';.
• Place at Top of Script or Function: To enable strict mode for an entire file, place 'use strict'; as the very first statement before any code.
• Safer Code for Production: Strict mode makes code easier for engines like V8 to optimize because variable types and scopes are locked down cleanly.

Self-Check Challenge

Explain why function test() { console.log(this); } test(); logs undefined in Strict Mode instead of window.