Переменка

Переменные

Переменные (Variables, сокращенно var) — это контейнер для таких значений, как числа, используемые в сложении ➕ , или строка, которую мы могли бы использовать как часть предложения, а также другие типы данных с которыми мы познакомимся позже.

Видео

Объявление переменной

Чтобы использовать переменную, вы сначала должны ее создать, или, если быть точнее, объявить переменную. Чтобы сделать это, мы вводим ключевое🗝️ слово var, за которым следует имя, которое вы хотите дать своей переменной. Приведённая ниже инструкция создаёт (другими словами: объявляет или определяет) переменную с именем «message»:

Интерактивный редактор

function learnJavaScript() { var message = '' return message }

function learnJavaScript() {
  var message = ''

  return message
}

Результат

Loading...

Здесь мы создаем переменную message. В настоящее время ⏱️ она не содержит значение, если сказать точней, то переменная содержит пустую строку.

Присвоение значения переменной

Как только переменная объявлена, ей можно присвоить значение. Для этого пишется имя переменной , затем следует знак равенства =, а за ним значение, которое вы хотите присвоить. Например :

Интерактивный редактор

function learnJavaScript() { var message message = 'My name is ...' //Мы можем получить к ней доступ, используя имя переменной return message }

function learnJavaScript() {
  var message
  message = 'My name is ...'
  //Мы можем получить к ней доступ, используя имя переменной
  return message
}

Результат

Loading...

В RESULT значение, которое вы назначили переменной , возвращаемой в консоли. Поиграйтесь 🎮 со значениями переменной , например дополните выражение своим именем.

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

Интерактивный редактор

function learnJavaScript() { var message = 'Hello!' // определяем переменную и присваиваем ей значение return message }

function learnJavaScript() {
  var message = 'Hello!' // определяем переменную и присваиваем ей значение
  return message
}

Результат

Loading...

Обновление переменной

Одна из особенностей переменных — их значение может меняться. Когда переменной присваивается значение, вы можете изменить (обновить) это значение, просто указав другое значение. Давайте взглянем на простой пример :

Интерактивный редактор

function learnJavaScript() { var message = 'Bob' // сейчас message Bob message = true // а теперь message true message = 35 // и в итоге message 35 return message }

function learnJavaScript() {
  var message = 'Bob' // сейчас message Bob
  message = true // а теперь message true
  message = 35 // и в итоге message 35

  return message
}

Результат

Loading...

Еще одна особенность переменных заключается в том, что они могут содержать практически все, а не только строки и числа. Переменные могут также содержать сложные данные и даже целые функции. Об этом вы узнаете больше при дальнейшем изучении курса.

На заметку!

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

Правила именования переменных

Вы можете назвать переменную как угодно, но есть ограничения. Как правило, вы должны придерживаться только латинских символов (0-9, a-z, A-Z) и символа подчеркивания.

• Не рекомендуется использование других символов, потому что они могут вызывать ошибки или быть непонятными для международной аудитории.
• Не используйте символы подчеркивания в начале имен переменных - это используется в некоторых конструкциях JavaScript для обозначения конкретных вещей.
• Не используйте числа в начале переменных . Это недопустимо и приведет к ошибке.
• Общепринято придерживаться так называемый "lower camel case"(верблюжийРегистр - camelCase - называется так из-за "горбов" которые образуют первые буквы слов), где вы склеиваете несколько слов, используя строчные буквы для всего первого слова, а затем заглавные буквы последующих слов. Мы использовали это для наших имен переменных в этой статье.
• Делайте имена переменных такими, чтобы было интуитивно понятно, какие данные они содержат. Не используйте только отдельные буквы / цифры или большие длинные фразы.
• Переменные чувствительны к регистру, так что myage и myAge - разные переменные .
• И последнее - вам также нужно избегать использования зарезервированных слов JavaScript в качестве имен переменных - под этим мы подразумеваем слова, которые составляют фактический синтаксис JavaScript! Таким образом, вы не можете использовать слова типа var, function, let, и for для имен переменных . Браузеры распознают их как разные элементы кода, и поэтому возникают ошибки.

Список зарезервированных слов

Этими словами мы не можем называть переменные , так как они зарезервированы в языке JavaScript. break, case, catch, class, const, continue, debugger, default, delete, do, else, export, extends, finally, for, function, if, import, in, instanceof, new, return, super, switch, this, throw, try, typeof, var, void, while, with, yield

Свободная типизация

JavaScript - это «свободно типизируемый язык », что означает, что в отличие от некоторых других языков вам не нужно указывать, какой тип данных будет содержать переменная (например, числа, строки, массивы и т. д.).

Например, если вы объявите переменную и присвоите ей значение, заключенное в кавычки, браузер будет обрабатывать переменную как строку :

Интерактивный редактор

function learnJavaScript() { var myString = 'Hello' // Она все равно будет строкой, даже если содержит числа, поэтому будьте осторожны: var myNumber = '500' // упс, это все еще строка (string) myNumber = 500 // так-то лучше, теперь это число (number). Удалите эту строчку и посмотрите на тип данных. return typeof myNumber }

function learnJavaScript() {
  var myString = 'Hello'
  // Она все равно будет строкой, даже если содержит числа, поэтому будьте осторожны:
  var myNumber = '500' // упс, это все еще строка (string)

  myNumber = 500 // так-то лучше, теперь это число (number). Удалите эту строчку и посмотрите на тип данных.

  return typeof myNumber
}

Результат

Loading...

Устаревшее ключевое слово "var"

Обычно var не используется в современных скриптах, но всё ещё может скрываться в старых. Связано это с тем, что он ведет себя не однозначно, поэтому вместо var мы будем использовать let для переменных , а const для постоянных - констант.

Переменка закончилась, бежим на следующий урок!

React Native

Базовый пример Hello world рассмотренный в первом уроке содержит в себе константу App, содержащую в себе стрелочную функцию с которой мы детальней познакомимся в уроке про функции.

Проблемы?

Пишите в Telegram или ВКонтакте, а также подписывайтесь на наши новости

Вопросы:

Что такое переменные?

1. Контейнеры для значений
2. Переменные значения
3. Латинские буквы

Что могут содержать переменные?

1. Только строки и числа
2. Все типы данных
3. Только сложные данные и функции

Как прописать команду присвоения переменной?

1. var
2. var [название переменной] =
3. var [название переменной]

Как обновить переменную?

1. Переменную нельзя обновить
2. Указать другое значение переменной
3. Задать специальную команду

Чего нет в правилах именования переменных?

1. Числа в начале переменных
2. Не использовать зарезервированные слова
3. Придерживаться латинских символов

Как прописать значение переменной, чтобы браузер обрабатывал переменную как строку?

1. Без кавычек
2. В кавычках
3. В скобках

Какое ключевое🗝️ слово мы не используем для определения переменных?

1. let
2. const
3. var

Какой вид заглавных букв (т.е. регистр) следует использовать в именах переменных в JavaScript?

1. case
2. camel
3. camelCase

Это допустимый синтаксис JavaScript? Если нет, то почему?

let myMood = \"Curious about JavaScript\" \n let myMood = \"Excited to use my new superpowers\"\n myMood

1. Вторая переменная без let
2. Действительно
3. SyntaxError

Что означает один знак равенства в утверждении?

1. Сравнить
2. Значение присваивается переменной
3. Равенство

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

1. let
2. const
3. var

Когда следует использовать ключевое слово var в собственном коде?

1. Никогда
2. Всегда
3. Часто

Для того чтобы понять, на сколько вы усвоили этот урок, пройдите тест в мобильном приложении нашей школы по этой теме или в нашем телеграм боте.

Ссылки:

1. MDN web docs
2. Код для подростков: прекрасное руководство по программированию для начинающих, том 1: Javascript - Jeremy Moritz
3. JavaScript.ru

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Dmitriy Vasilev

Resoner2005 🐛 🎨 🖋