САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ
×

JS Учебник

JS Главная JS Введение JS Где установить? JS Вывод JS Заявления JS Синтаксис JS Комментарии JS Переменные JS Let JS Const JS Операторы JS Арифметика JS Присваивание JS Типы данных JS Функции JS Объекты JS События JS Строки JS Методы строк JS Поиск строк JS Шаблоны строк JS Числа JS Методы чисел JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Постоянный массив JS Даты JS Формат дат JS Методы получения дат JS Методы набора дат JS Объекты Math JS Случайные числа JS Булевы JS Сравнения JS Оператор If...Else JS Оператор Switch JS Цикл For JS Цикл For In JS Цикл For Of JS Цикл While JS Оператор Break JS Повторяющиеся JS Наборы JS Карты JS Typeof JS Преобразование JS Битовые JS Выражения JS Ошибки JS Область JS Подъемный JS Строгий JS Ключевое слово this JS Стрелки JS Классы JS JSON JS Отладчик JS Стиль JS Практика JS Ошибки JS Эффективность JS Слова

JS Версии

JS Версии JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE/Edge JS История

JS Объекты

Определение объекта Свойства объекта Методы объекта Отображение объекта Доступ объекта Конструкторы объекта Прототипы объекта Повторяющиеся объекты Набор объектов Карты объекта Справочник объектов

JS Функции

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

JS Классы

Введение класса Наследование класса Статистический класс

JS Асинхронный

JS Обратный вызов JS Асинхронный JS Обещания JS Асинхронный

JS HTML DOM

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

JS Браузер BOM

JS Window JS Экран JS Расположение JS История JS Навигатор JS Предупреждение JS Синхронизация JS Куки

JS Веб APIы

Веб API Введение Веб API История Веб API Хранилище Веб API Работник Веб API Извлечь Веб API Геолокации

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 Строки JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS или jQuery

jQuery Селекторы jQuery Элементы jQuery CSS jQuery DOM

JS Примеры

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

JS Справочник

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


JavaScript - Ключевое слово const



Ключевое слово const было введено в ES6 (2015).

Переменные, определенные с помощью const, не могут быть повторно объявлены.

Переменные, определенные с помощью const, не может быть переназначены.

Переменные, определенные с помощью const, имеют область действия блока.

Не может быть переназначена

Переменная const не может быть переназначена:

Пример

const PI = 3.141592653589793;
PI = 3.14;      // Это приведет к ошибке
PI = PI + 10;   // Это также приведет к ошибке
Попробуйте сами »

Должена быть переназначена

JavaScript переменной const, должно быть присвоено значение при их объявлении:

Правильно

const PI = 3.14159265359;

Неравильно

const PI;
PI = 3.14159265359;

Когда использовать JavaScript const?

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

Используйте const при объявлении:

  • Новый массив
  • Новый объект
  • Новая функция
  • Новое регулярное выражение

Постоянные объекты и массивы

Ключевое слово const немного вводит в заблуждение.

Она не определяет постоянное значение. Она определяет постоянную ссылку на значение.

Из-за этого вы НЕ можете:

  • Переназначить постоянное значение
  • Переназначить массив констант
  • Переназначить постоянный объект

    Но вы МОЖЕТЕ:

  • Измените элементы массива констант
  • Изменение свойств постоянного объекта

Массивы констант

Вы можете изменить элементы массива констант:

Пример

// Вы можете создать постоянный массив:
const cars = ["Сааб", "Вольво", "БМВ"];

// Вы можете изменить элемент:
cars[0] = "Тойота";

// Вы можете добавить элемент:
cars.push("Ауди");
Попробуйте сами »

Но вы НЕ можете переназначить массив:

Пример

const cars = ["Сааб", "Вольво", "БМВ"];

cars = ["Тойота", "Вольво", "Ауди"];    // ОШИБКА
Попробуйте сами »

Объекты констант

Вы можете изменить свойства объекта констант:

Пример

// Вы можете создать объект const:
const car = {type:"Фиат", model:"500", color:"белый"};

// Вы можете изменить свойство:
car.color = "красный";

// Вы можете добавить свойство:
car.owner = "Щипунов";
Попробуйте сами »

Но вы НЕ можете переназначить объект:

Пример

const car = {type:"Фиат", model:"500", color:"белый"};

car = {type:"Вольво", model:"EX60", color:"красный"};    // ОШИБКА
Попробуйте сами »

Поддержка браузера

Ключевое слово const не поддерживается в Internet Explorer 10 или более ранних версиях.

В следующей таблице определены первые версии браузера с полной поддержкой ключевого слова const:

Chrome 49 IE 11 / Edge Firefox 36 Safari 10 Opera 36
Mar, 2016 Oct, 2013 Feb, 2015 Sep, 2016 Mar, 2016


Область действия блока

Объявление переменной с const аналогично let, когда дело доходит до области действия блока.

x, объявленный в блоке, в этом примере не совпадает с x, объявленным вне блока:

Пример

const x = 10;
// Здесь x равно 10

{
const x = 2;
// Здесь x равно 2
}

// Здесь x равно 10
Попробуйте сами »

Вы можете узнать больше об области действия блока в главе Область действия JavaScript.


Повторное объявление

Повторное объявление переменной JavaScript var допускается в любом месте программы:

Пример

var x = 2;     // Допустимо
var x = 3;     // Допустимо
x = 4;         // Допустимо

Повторное объявление существующей var или let переменной const, в той же области не допускается:

Пример

var x = 2;     // Допустимо
const x = 2;   // Недопустимо

{
let x = 2;     // Допустимо
const x = 2;   // Недопустимо
}

{
const x = 2;   // Допустимо
const x = 2;   // Недопустимо
}

Переназначение существующей переменной const, в той же области не допускается:

Пример

const x = 2;     // Допустимо
x = 2;           // Недопустимо
var x = 2;       // Недопустимо
let x = 2;       // Недопустимо
const x = 2;     // Недопустимо

{
  const x = 2;   // Допустимо
  x = 2;         // Недопустимо
  var x = 2;     // Недопустимо
  let x = 2;     // Недопустимо
 const x = 2;    // Недопустимо
}

Допускается повторное объявление переменной с const, в другой области или в другом блоке:

Пример

const x = 2;     // Допустимо

{
  const x = 3;   // Допустимо
}

{
  const x = 4;   // Допустимо
}

Подъем констант

Переменные, определенные с помощью var, являются поднятые сверху и могут быть инициализированы в любое время.

Смысл в том: Вы можете использовать переменную до ее объявления:

Пример

Это нормально:

carName = "Вольво";
var carName;
Попробуйте сами »

Если вы хотите узнать больше о подъеме, изучите главу Подъем JavaScript.

Переменные, определенные с помощью const, также поднимаются наверх, но не инициализируются.

Смысл в том: Использование const до ее объявления приведет к ReferenceError:

Пример

alert (carName);
const carName = "Вольво";
Попробуйте сами »