Найти в Дзене
igortimshin1

Переменные javascript

Представте, нам нужно вывести предложение несколько раз предположим console.log('Привет мир. Что нового в мире айти?'); Мы можем вывести данное предложение столько раз сколько нам нужно, но так может быть не удобно, если нужно вывести множество раз. Поэтому на помощь приходит переменная. Используем инструкцию let hello = 'Привет мир. Что нового в мире айти?'; Переменная хранит в себе какие-то данные, такие которые вы в нее положите. В данном случае теперь мы можем обратится к этой переменной и вывести ее. console.log(hello); Для переменной нужно допустимый набор символов: Переменную можно менять. Cамо слово переменная отвечает сама за себя что ее можно менять. Если вы присвоили значение переменной let hello = 'Привет мир. Что нового в мире айти?'; и потом вызвать еще раз переменную и пере присвоили значение hello = 'Привет'; то значение изменится. Видите, что что второй раз let не ставится. Она пишиться только при объявлении и сразу же присвоении значения. Имя переменной нужно выбирать
Оглавление
Измененный рисунок из яндекс картинок.
Измененный рисунок из яндекс картинок.

Переменная

Представте, нам нужно вывести предложение несколько раз предположим console.log('Привет мир. Что нового в мире айти?'); Мы можем вывести данное предложение столько раз сколько нам нужно, но так может быть не удобно, если нужно вывести множество раз. Поэтому на помощь приходит переменная. Используем инструкцию let hello = 'Привет мир. Что нового в мире айти?'; Переменная хранит в себе какие-то данные, такие которые вы в нее положите. В данном случае теперь мы можем обратится к этой переменной и вывести ее. console.log(hello);

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

  • Буквы английского алфавита и знаки _ $
  • Недопустимая переменная с числом в начале
  • Переменная регистрозависимая H и h это две разные переменные.

Изменение переменной

Скриншот из браузера.
Скриншот из браузера.

Переменную можно менять. Cамо слово переменная отвечает сама за себя что ее можно менять. Если вы присвоили значение переменной let hello = 'Привет мир. Что нового в мире айти?'; и потом вызвать еще раз переменную и пере присвоили значение hello = 'Привет'; то значение изменится. Видите, что что второй раз let не ставится. Она пишиться только при объявлении и сразу же присвоении значения.

Выбор имени переменной

Имя переменной нужно выбирать, что больше подходит по смыслу. Например let hello = 'Привет'; С английского hello переводится привет, что соответствует данным после равно. Имена констант в начале можно только с маленькой буквы.

Ошибки при работе с переменными

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

Выражения в определениях

Скриншот из браузера.
Скриншот из браузера.

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

Стили написания переменной

  • snake_case - используют подчеркивание hello_word
  • CamelCase - каждое отдельное слово с заглавной буквы HelloWord
  • kebab-case - разделяется дефисом hello-word
  • lowerCamelCase - каждое слово с большой буквы. Кроме первой. helloWord

Константы

Скриншот из браузера.
Скриншот из браузера.

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

Интерполяция

Давайте рассмотрим такой пример:

Собственный скриншот из браузера.
Собственный скриншот из браузера.

const hel = 'Привет мир'; const what = 'Что у нас нового в мире it';
console.log(`${hel}, ${what}?`);

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

Извлечение символов из строки

Собственный скриншот из браузера.
Собственный скриншот из браузера.

const hel = 'Привет мир'; console.log(hel[0]);

Квадратные скобки, а внутри расположена цифра-это индексы. На картинке выше извлеклась буква п , потому что индексы начинаются с нуля. Если мы вызовем индекс больше слова то выведется undefined, что переводится не определено, это практически не ошибка.