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

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 Let



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

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

Переменные, определенные с помощью let, должны быть объявлены перед использованием.

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

Не может быть повторно объявлена

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

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

С let вы не можете этого сделать:

Пример

let x = "Андрей Щипунов";

let x = 0;

// Синтаксическая ошибка: "x" уже объявлен

С помощью var вы можете:

Пример

var x = "Андрей Щипунов";

var x = 0;

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

До ES6 (2015) JavaScript имел только Глобальную область действия и Область действия функций.

В ES6 введены два важных новых ключевых слова JavaScript: let и const

Эти два ключевых слова обеспечивают Область действия блока в JavaScript.

Переменные, объявленные внутри блока {}, не могут быть доступны извне блока:

Пример

{
  let x = 2;
}
// x НЕЛЬЗЯ использовать

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

Переменные, объявленные внутри блока { }, могут быть доступны извне блока.

Пример

{
  var x = 2;
}
// x МОЖНО использовать здесь

Повторное объявление переменных

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

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

Пример

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

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

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

Повторное объявление переменной с использованием ключевого слова let, может решить эту проблему.

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

Пример

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

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

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

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

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

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

Chrome 49 Edge 12 Firefox 44 Safari 11 Opera 36
Mar, 2016 Jul, 2015 Jan, 2015 Sep, 2017 Mar, 2016


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

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

Пример

var x = 2;
// Здесь x равно 2

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

С let. повторное объявление переменной в том же блоке НЕ допускается:

Пример

var x = 2;    // Допускается
let x = 3;    // Не допускается

{
let x = 2;    // Допускается
let x = 3     // Не допускается
}

{
let x = 2;    // Допускается
var x = 3     // Не допускается
}

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

Пример

let x = 2;    // Допускается

{
let x = 3;    // Допускается
}

{
let x = 4;    // Допускается
}
Попробуйте сами »

Подъемный Let

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

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

Пример

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

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

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

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

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

Пример

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