Что делает "use strict" в JavaScript и зачем он нужен?

Что такое "use strict" и как он работает?

Директива 'use strict'; (строгий режим) была введена в ECMAScript 5 (ES5) как способ добровольного перехода к более безопасной и строгой версии JavaScript. Она заставляет интерпретатор обрабатывать код с дополнительными проверками, превращая многие "тихие" ошибки в явные исключения. Это не просто "каприз" — это защита от распространённых багов, которые трудно отловить.

Основные улучшения строгого режима

• Запрет неявного создания глобальных переменных: Как в вашем примере. Без 'use strict' присваивание значения необъявленной переменной автоматически создаёт глобальную переменную. Это может привести к трудноуловимым багам, особенно в больших скриптах.
• Запрет удаления переменных, функций и аргументов: Оператор delete не может удалить обычные переменные. В строгом режиме это вызовет ошибку, а не просто вернёт false.
• Запрет дублирования имён параметров функции: function sum(a, a, c) {} в строгом режиме вызовет SyntaxError. В нестрогом режиме последнее значение перезапишет предыдущие.
• Запрет записи в readonly-свойства: Попытка изменить свойство, которое помечено как writable: false (например, undefined = 5), вызовет ошибку, а не проигнорируется.
• Безопасная работа с this: В функциях, вызванных как обычные функции (не как методы объекта), this будет undefined, а не глобальный объект (window в браузере). Это предотвращает случайное изменение глобального состояния.
• Запрет использования with: Конструкция with(obj) { ... } полностью запрещена, так как она создаёт путаницу в области видимости и замедляет выполнение кода.
• Дополнительные ограничения на eval: В строгом режиме eval не может создавать переменные в окружающей области видимости. Он работает в изолированном "пузыре".

Примеры кода: строгий vs нестрогий режим

// Пример 1: this в обычной функции
function showThis() {
    console.log(this);
}
showThis(); 
// Нестрогий режим: window (глобальный объект)
// Строгий режим: undefined

// Пример 2: Запрет удаления переменной
'use strict';
var x = 10;
delete x; // SyntaxError: Delete of an unqualified identifier in strict mode.

// Пример 3: Дублирование параметров
'use strict';
function foo(a, a) {} // SyntaxError: Duplicate parameter name not allowed

// Пример 4: eval не загрязняет область видимости
'use strict';
eval('var y = 5');
console.log(y); // ReferenceError: y is not defined

Когда и как использовать

Рекомендуется включать строгий режим всегда, особенно в новом коде. Есть два способа:

• Глобально — для всего файла: 'use strict'; в самом начале скрипта. Но будьте осторожны: если вы объединяете несколько скриптов, строгий режим может "перекинуться" на чужой код, который написан в нестрогом стиле.
• Локально — только внутри функции: function myFunc() { 'use strict'; ... }. Это безопаснее при работе с чужим кодом.

В современных ES6-модулях (когда вы используете <script type="module"> или импорты) строгий режим включён по умолчанию. В классах (ES6) он также активен автоматически.

Итог: 'use strict' — это не усложнение, а страховка. Он превращает многие "тихие" ошибки в явные, которые вы можете сразу исправить, а не искать потом неделями. Всегда используйте его в новом коде, и ваша жизнь станет проще.