ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ

JS Учебник

JS Старт JS Введение JS Установка JS Вывод JS Объявления JS Синтаксис JS Комментарии JS Переменные JS Операторы JS Арифметические JS Присваивание JS Типы данных JS Функции JS Объекты JS События JS Строки JS Методы строки JS Числа JS Методы числа JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Даты JS Форматы дат JS Методы получения дат JS Методы установки дат JS Математические JS Рандомные JS Булевы JS Сравнения JS Условия JS Switch JS Цикл For JS Цикл While JS Прерывание JS Преобразование типов JS Побитовые JS Регулярные выражения JS Ошибки JS Область действия JS Подъём JS Строгий режим JS Ключевое слово this JS Ключевое слово Let JS Ключевое слово Const JS Функции стрелок JS Классы JS Отладка JS Гид по стилю JS Лучшие практики JS Ошибки JS Производительность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS JSON

JS Формы

JS Формы Формы API

JS Объекты

Определения объектов Свойства объекта Методы объекта Доступ к объектам Конструкторы объектов Прототипы объектов Объект ECMAScript 5

JS Функции

Определения функций Параметры функции Обращение к функции Вызов функции Применение функции Закрытие функции

JS HTML DOM

DOM Введение DOM Методы DOM Документ DOM Элементы DOM HTML DOM CSS DOM Анимация DOM События DOM Слушатель событий DOM Навигация DOM Узлы DOM Коллекции DOM Узловые списки

JS Объектная модель браузера BOM

JS Окно JS Скрин JS Локация JS История JS Навигатор JS Всплывающее оповещение JS Тайминг JS Куки

JS AJAX

AJAX Введение AJAX XMLHttp AJAX Запрос AJAX Отклик AJAX XML Файл AJAX PHP AJAX ASP AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение JSON Синтаксис JSON и XML JSON Типы данных JSON Анализ JSON Stringify JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS и jQuery

jQuery Селекторы jQuery HTML jQuery CSS jQuery DOM

JS Примеры

JS Примеры JS HTML DOM JS HTML Input JS HTML Объекты JS HTML События JS Броузер JS Упражнения JS Викторина JS Сертификат

JS Справочники

JavaScript Объекты HTML DOM Объекты

JavaScript. Уроки для начинающих

JavaScript Use Strict / Строгий режим


"use strict"; Определяет, что код JavaScript должен выполняться в "строгом режиме".


Директива "use strict"

Директива "use strict" была новой в ECMAScript версии 5.

Это не объявление, а буквальное выражение, игнорируемое более ранними версиями JavaScript.

Цель "use strict" - указать, что код должен выполняться в "строгом режиме".

В строгом режиме нельзя, например, использовать необъявленные переменные.

Все современные браузеры поддерживают "use strict", кроме Internet Explorer 9 и ниже:

Директива
"use strict" 13.0 10.0 4.0 6.0 12.1

Числа в таблице указывают первую версию браузера, которая полностью поддерживает директиву.

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

"use strict" - это просто строка, поэтому IE 9 не выдаст ошибку, даже если он ее не понимает.


Объявление строгого режима

Строгий режим объявляется добавлением "use strict"; в начало скрипта или функции.

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

Пример

"use strict";
x = 3.14;       // Это приведет к ошибке, потому что х не объявлен
Попробуйте сами »

Пример

"use strict";
myFunction();

function myFunction() {
  y = 3.14;   // Это также приведет к ошибке, потому что у не объявлен
}
Попробуйте сами »

Объявленный внутри функции, он имеет локальную область видимости (только код внутри функции находится в строгом режиме):

x = 3.14;       // Это не приведет к ошибке
myFunction();

function myFunction() {
  "use strict";
  y = 3.14;   // Это приведет к ошибке
}
Попробуйте сами »

Синтаксис "use strict";

Синтаксис объявления строгого режима был разработан для совместимости со старыми версиями JavaScript.

Компиляция числового литерала (4 + 5;) или строкового литерала ("John Doe";) в программе JavaScript не имеет побочных эффектов. Он просто компилируется в несуществующую переменную и умирает.

Таким образом "use strict"; имеет значение только для новых компиляторов, которые "понимают" его значение.


Почему строгий режим?

Строгий режим облегчает написание "безопасного" JavaScript.

Строгий режим изменяет ранее принятый "плохой синтаксис" на реальные ошибки.

Например, в обычном JavaScript неправильный ввод имени переменной создает новую глобальную переменную. В строгом режиме это приведет к ошибке, из-за которой невозможно случайно создать глобальную переменную.

В обычном JavaScript разработчик не будет получать никаких сообщений об ошибках, присваивая значения свойствам, недоступным для записи.

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


Не допускается в строгом режиме

Использование переменной без ее объявления запрещено:

"use strict";
x = 3.14;                // Это приведет к ошибке

Попробуйте сами »

Объекты тоже переменные.

Использование объекта без его объявления запрещено:

"use strict";
x = {p1:10, p2:20};      // Это приведет к ошибке

Попробуйте сами »

Удаление переменной (или объекта) не допускается.

"use strict";
var x = 3.14;
delete x;                // Это приведет к ошибке

Попробуйте сами »

Удаление функции не допускается.

"use strict";
function x(p1, p2) {};
delete x;                // Это приведет к ошибке

Попробуйте сами »

Дублирование имени параметра не допускается:

"use strict";
function x(p1, p1) {};   // Это приведет к ошибке

Попробуйте сами »

Восьмеричные числовые литералы не допускаются:

"use strict";
var x = 010;             // Это приведет к ошибке

Попробуйте сами »

Восьмеричные escape-символы не допускаются:

"use strict";
var x = "\010";            // Это приведет к ошибке

Попробуйте сами »

Запись в свойство read-only не допускается:

"use strict";
var obj = {};
Object.defineProperty(obj, "x", {value:0, writable:false});

obj.x = 3.14;            // Это приведет к ошибке

Попробуйте сами »

Запись в свойство get-only не допускается:

"use strict";
var obj = {get x() {return 0} };

obj.x = 3.14;            // Это приведет к ошибке

Попробуйте сами »

Удаление не подлежащего удалению свойства не допускается:

"use strict";
delete Object.prototype; // Это приведет к ошибке

Попробуйте сами »

Слово eval нельзя использовать в качестве переменной:

"use strict";
var eval = 3.14;         // Это приведет к ошибке

Попробуйте сами »

Слово arguments нельзя использовать в качестве переменной:

"use strict";
var arguments = 3.14;    // Это приведет к ошибке

Попробуйте сами »

Оператор with не допускается:

"use strict";
with (Math){x = cos(2)}; // Это приведет к ошибке

Попробуйте сами »

По соображениям безопасности eval() не разрешено создавать переменные в области, из которой он был вызван:

"use strict";
eval ("var x = 2");
alert (x);             // Это приведет к ошибке

Попробуйте сами »

Ключевое слово this в функциях ведет себя по-разному в строгом режиме.

Ключевое слово this относится к объекту, который вызвал функцию.

Если объект не указан, функции в строгом режиме вернут undefined, а функции в обычном режиме вернут глобальный объект (окно):

"use strict";
function myFunction() {
  alert(this); // будет выведено "undefined"
}
myFunction();

Попробуйте сами »


На будущее!

Ключевые слова, зарезервированные для будущих версий JavaScript, НЕ могут использоваться в качестве имен переменных в строгом режиме.

Это слова:

  • implements
  • interface
  • let
  • package
  • private
  • protected
  • public
  • static
  • yield
"use strict";
var public = 1500;      // Это приведет к ошибке

Попробуйте сами »

Внимание!

Директива "use strict" распознается только в начале скрипта или функции.