Let в javascript, с примерами

"Let js" - один из способов объявить переменную. Что такое "Let". + живые примеры использования "Let".

О "Let" в js.

1. Что такое Let?
2. Варианты использования Let - несколько переменных.
3. Блочная видимость Let.
4. Ошибка Let.
5. Повторное объявление Let.
6. Проверим Let начинается с числа.

Что такое Let?

Для начала давайте попробуем дать определение : "что такое Let"?

Интернет дает 3( возможно больше ) определения "что такое Let":

"Let" это : "Оператор".

"Let" это : "Директива".

"Let" это : "Ключевое слово".

У Let есть синтаксис:

let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];

Let синтаксис по-русски:

let переменная1 [= значение1] [, переменная2 [= значение2 ]] [, ..., переменная_ННая [= значение_ННое ]];

Простой пример использования Let:

Открой консоль - результат там:

<script>

let example = 'Это переменная example...';

console.log( example );

</script>




Варианты использования Let - несколько переменных

Есть несколько способов одновременно объявить сразу несколько переменных:

Let и перечисление переменных через запятую:

Пишем "Let", "название = значение", через запятую!

let user = 'Вася', age = 35, message = 'Привет';

Let и переменные js с новой строки :

Пишем "Let", "название = значение", через запятую, с новой строки.

let user = 'Вася',

age = 35,

message = 'Привет';

Let и переменные через запятую №2:

Пишем "Let", "название = значение", с запятой впереди :

let user = 'Вася'

, age = 35

, message = 'Привет';

Let и переменные js с новой строки :

Пишем "Let", "название = значение", каждое с новой строки...

let user = 'Вася';

let age = 35;

let message = 'Привет';

Все это расположение в пространстве не имеет никакого значения, кроме вашего нравится/не нравится!




Блочная видимость Let.

Объявленная переменная с помощью let имеет блочную видимость!

Пример блочной видимости Let.

Если вы создадите вот такой код, где переменная объявлена с помощью let внутри "if()", то вы получите ошибку :

ReferenceError: test is not defined

Смотри в отдельном окне.

Ошибка блочной видимости Let.

<script>

let first = 1;

if (first) {

let test = 1;

}

alert(test); // Error: test is not defined

</script>




Ошибка Let.

Рассмотрим пример ошибки "Let":

Let является одним из зарезервированных слов.

Let является одним из зарезервированных слов.

Это означает, что вот такая конструкция:

let let = "текст";

Посмотреть ошибку "Let" :

Откройте консоль(в браузере Яндекс, Chrome, Edge = кнопка F12) в отдельном примере и вы увидите:

Нажмите, чтобы открыть в новом окне.
консоль(в браузере Яндекс, Chrome, Edge = кнопка F12) в отдельном примере и вы увидите:" title="Откройте консоль(в браузере Яндекс, Chrome, Edge = кнопка F12) в отдельном примере и вы увидите:" class="center">

Выдаст ошибку "Let" :

Uncaught SyntaxError: let is disallowed as a lexically bound name
Что переводится как :
Неперехваченная синтаксическая ошибка: let не допускается в качестве лексически связанного имени



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

Нельзя повторно объявлять переменную.

Пример, как нельзя использовать Let.

<script>

let helloy;

let helloy;

</script>

Живой пример , как нельзя использовать Let.

Откройте консоль(в браузере Яндекс, Chrome, Edge = кнопка F12) в отдельном примере и вы увидите:

Нажмите, чтобы открыть в новом окне.
консоль(в браузере Яндекс, Chrome, Edge = кнопка F12) в отдельном примере и вы увидите:" title="Откройте консоль(в браузере Яндекс, Chrome, Edge = кнопка F12) в отдельном примере и вы увидите:">

Ошибка повторного объявления Let.

Uncaught SyntaxError: Identifier 'helloy' has already been declared

Перевод ошибки повторного объявления Let.

Неперехваченная ошибка синтаксиса: идентификатор 'helloy' уже объявлен



Проверим Let начинается с числа.

В теории о переменной вы могли прочитать, что нельзя начинать переменную с цифры... давайте проверим, подчиняется ли let этому правилу...

для этого вам понадобится:

Начинаме наш код с тега script:

<script></script>

В него поместим let, который будет полностью состоять из цифр:

let 123 = 'Текст';

И чтобы получить эту переменную используем...alert...

alert(123);

Соберем весь код:

Код ошибки Let начинается с числа.

<script>

let 123 = 'Текст';

alert(123);

</script>

Пример Let начинается с числа.

И далее - разместим выше приведенный код прямо здесь...

И...

И...

И ничего...!

А alert не сработал, потому, что произошла ошибка : смотри в отдельном окне.