Что такое строгий режим use strict mode в JavaScript и зачем он нужен
easy

Что такое строгий режим use strict mode в JavaScript и зачем он нужен

Безопасный код без скрытых ошибок

JavaScript создавался как язык для простых скриптов на веб-страницах. Никто не думал, что много лет спустя он станет одним из самых используемых языков для разработки веб-приложений. Поэтому изначальный JavaScript позволял некоторые вольности и допущения, которые были некритичны, но упрощали работу. Со временем в языке появлялись новые функции, а все изначальные неудачные решения сохранялись.

В 2009 году появился стандарт ECMAScript 5 (ES5). Его важной особенностью было добавление «строгого режима», который ограничивает гибкие, но потенциально опасные возможности языка. Разбираемся, как он работает.

Что такое use strict mode и как его включить

По умолчанию код в JS выполняется в sloppy mode (небрежном режиме). С одной стороны, это даёт гибкость и позволяет писать более свободный код. Например, можно использовать переменную до её объявления. С другой стороны, это может приводить к неожиданному поведению кода и проблемам с безопасностью приложений. Но если включить строгий режим, то ошибки выполнения не будут игнорироваться, что поможет при отладке.

В строгом режиме нельзя:

  • использовать переменные без их объявления;
  • дублировать имена свойств в объектах;
  • дублировать параметры функций;
  • удалять переменные, функции и аргументы;
  • использовать зарезервированные слова;
  • использовать устаревшие конструкции;

Также строгий режим меняет поведение объекта this в функции.

👉 Чтобы строгий режим работал по всему коду, нужно добавить директиву 'use strict' в начале скрипта до других команд:

// включаем строгий режим

"use strict";

// дальнейший код обрабатывается в строгом режиме

Перед директивой 'use strict' можно писать только комментарии. Когда строгий режим включён, отключить его для файла уже нельзя.

👉 Чтобы строгий режим работал только в одной функции, нужно добавить директиву 'use strict' в начало тела функции. Это не повлияет на остальной код вне этой функции:

function strictModeFunction() {

    "use strict";

    // код внутри этой функции будет выполняться в строгом режиме

    x = 3.14;

    console.log(x);

}

function nonStrictModeFunction() {

    // код здесь продолжает выполняться в обычном режиме

    y = 3.14;

    console.log(y);

}

strictModeFunction() 

nonStrictModeFunction()

Что такое строгий режим use strict mode в JavaScript и зачем он нужен

Выполнение функции strictModeFunction выдаёт ошибку, поскольку мы использовали переменную без её объявления. В обычном режиме эта ошибка игнорируется

В современном коде редко можно встретить явное объявление строгого режима. Дело в том, что инструменты сборки — Webpack и Babel — часто автоматически включают директиву 'use strict' в код. А во фреймворках или библиотеках (Angular или React) строгий режим уже включён по умолчанию. 

Теперь посмотрим на примерах, как строгий режим меняет поведение кода.

Ограничения строгого режима

Нельзя использовать переменные без их объявления: перед использованием переменной обязательно нужно объявить её через var, let или const, иначе мы получим ошибку ReferenceError.

"use strict";

function calculateArea(radius) {

    area = Math.PI * radius * radius;

    console.log(area);

}

calculateArea(5);

В этом примере мы пытались рассчитать площадь круга, используя радиус, переданный в функцию. Но поскольку переменная area не была объявлена, консоль выдаёт ошибку ReferenceError:

Что такое строгий режим use strict mode в JavaScript и зачем он нужен

В нестрогом режиме такое присвоение привело бы к созданию глобальной переменной area, которая автоматически стала бы свойством глобального объекта (window в браузерах). Глобальный объект доступен из любого места кода.

Что такое строгий режим use strict mode в JavaScript и зачем он нужен

В больших приложениях это может привести к конфликтам, где одно и то же имя переменной может использоваться в разных частях программы: переменные будут перезаписывать значения друг друга. Использование строгого режима предотвращает случайное создание глобальных переменных и помогает избежать ошибок, связанных с областью видимости переменных.

Нельзя дублировать параметры функции: в строгом режиме объект не может иметь два свойства с одинаковыми именами. Попытка это сделать приведёт к SyntaxError.

"use strict";

function createUser(name, age, name) { 

    console.log(`Создан пользователь: ${name}, Age: ${age}`);

}

В этом примере функция createUser принимает имя и возраст пользователя. Параметр name указан дважды. В обычном режиме значение параметра было бы перезаписано значением последнего указанного параметра с таким же именем. То есть все предыдущие значения для этого параметра были бы утеряны, и в теле функции использовалось бы только последнее значение.

В строгом режиме это сразу же приведёт к SyntaxError, и функция не будет выполняться:

Что такое строгий режим use strict mode в JavaScript и зачем он нужен

В крупных проектах можно не уследить за всеми параметрами функций, и такие промахи в обычном режиме приведут к неожиданному поведению кода.

Нельзя удалять переменные, функции и аргументы: оператор delete не может удалять переменные, функции или аргументы функций. Если попробовать их удалить, возникнет SyntaxError.

"use strict";

let x = 1;

delete x;

Мы объявили переменную x через let, тут же попытались её удалить и получили ошибку:

Что такое строгий режим use strict mode в JavaScript и зачем он нужен

В обычном режиме оператор delete используется для удаления свойств из объектов. Если мы удаляем свойство объекта, а затем пытаемся получить доступ к этому свойству, программа вернёт значение undefined, поскольку свойства больше нет в объекте. Это может привести к ошибкам, если код ожидает, что свойство всё ещё будет доступно.

В строгом режиме delete может использоваться только для удаления свойств объектов, а не локальных переменных, которые могут быть важны для выполнения кода.

Нельзя использовать зарезервированные слова: это слова implements, interface, let, package, private, protected, public, static и yield, которые могут быть использованы в будущих версиях JavaScript. Ограничение помогает избегать конфликтов и ошибок в коде, когда в язык добавляются новые функции.

Что такое строгий режим use strict mode в JavaScript и зачем он нужен

Нельзя использовать устаревшие конструкции: строгий режим ограничивает использование некоторых устаревших или потенциально опасных конструкций: with и eval

Инструкция with расширяет область видимости текущего блока кода и включает в неё свойства указанного объекта. Это позволяет обращаться к свойствам объекта напрямую, без необходимости упоминать имя объекта. Например, мы создали объект pet и задали ему два свойства:  

let pet = { 

    name: "Себастиан",

    breed: "Ретривер",

};

С помощью with мы можем обратиться к каждому свойству, не указывая имя объекта при каждом вызове:

with(pet){

    // эквивалентно console.log(pet.name)

    console.log(name);

    // эквивалентно console.log(pet.breed)

    console.log(breed);

}

Что такое строгий режим use strict mode в JavaScript и зачем он нужен

С одной стороны, мы пишем меньше кода, с другой, это может вызвать неоднозначности, если во внешнем контексте есть переменные с такими же именами. Инструкция with меняет область видимости текущего блока кода и в целях безопасности в строгом режиме отключена.

Тот же запрет относится и к функции eval(), которая позволяет выполнить код, представленный в виде строки. В обычном режиме код eval('let x') приведёт к объявлению переменной x. Это позволяет скрывать объявления переменных в строках, что может привести к перезаписи определений тех же переменных, находящихся за пределами eval.

В строгом режиме нельзя объявлять переменные в коде, который передаётся в виде строки в  eval(). Однако консоль Chrome выдаст ошибку даже без явного включения строгого режима:

Что такое строгий режим use strict mode в JavaScript и зачем он нужен

Объект this в функции ведёт себя по-другому: в обычном режиме значение this внутри функции по умолчанию равно глобальному объекту. Такое поведение может привести к потенциально опасным изменениям в глобальном объекте, когда функция ошибочно изменяет его свойства.

Допустим, мы в обычном режиме создали функцию и внутри неё присвоили значение Updated свойству data объекта, на который указывает this.

function updateData() {

  this.data = "Обновлено"; 

}

После этого мы вызываем функцию без контекста, то есть явно не указываем объект, который должен служить значением this внутри этой функции.

updateData();

Когда updateData() выполняется, то изменяет свойство data глобального объекта window, поскольку this по умолчанию ссылается именно на него. Чтобы это проверить, вызовем свойство объекта window:

console.log(window.data);

Что такое строгий режим use strict mode в JavaScript и зачем он нужен

Такое изменение может повлиять на другие части программы, если они тоже используют глобальный объект. В результате код станет непредсказуемым.

В строгом режиме, если функция вызывается без контекста, то this будет undefined. Попытка доступа или изменения свойства data на undefined приведёт к ошибке TypeError:

Что такое строгий режим use strict mode в JavaScript и зачем он нужен

Когда использовать строгий режим?

Строгий режим делает код безопаснее и быстрее. Хотя его использование необязательно, всё же стоит его включать, чтобы избежать распространённых ошибок и приучить себя писать чистый и безопасный код. Кроме того, это подготовит к работе с современными фреймворками и проектами, где строгий режим часто используется по умолчанию.

Текст:

Кристина Тульцева

Редактор:

Инна Долога

Обложка:

Алексей Сухов

Корректор:

Ирина Михеева

Вёрстка:

Кирилл Климентьев

Соцсети:

Юлия Зубарева

Фронтенд-разработка — востребованная профессия
На новом курсе «Практикума» о фронтенде вас обучат самым востребованным технологиям: JS и TypeScript, Flexbox и Grid, React, Git, Bash и др. Это то, что нужно работодателям сегодня. Старт — бесплатно.
Попробовать бесплатно
Фронтенд-разработка — востребованная профессия Фронтенд-разработка — востребованная профессия Фронтенд-разработка — востребованная профессия Фронтенд-разработка — востребованная профессия
Получите ИТ-профессию
В «Яндекс Практикуме» можно стать разработчиком, тестировщиком, аналитиком и менеджером цифровых продуктов. Первая часть обучения всегда бесплатная, чтобы попробовать и найти то, что вам по душе. Дальше — программы трудоустройства.
Начать карьеру в ИТ
Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию
Еще по теме
easy