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

Например -

  1. Веб-сайт электронной торговли, где мы можем хранить корзину пользователя, список желаний, продаваемые товары и многое другое.
  2. Приложение для онлайн-чата, в котором хранятся сообщения, пользователи и многое другое.

Переменные Javascript - это контейнеры для хранения значений данных.

Переменные Javascript можно создать с помощью ключевых слов var, let и const. (Щелкните здесь, чтобы узнать разницу между этими ключевыми словами)

Утверждение ниже создает или объявляет переменную с сообщением имени.

let message; // Declares a Variable

Теперь вы можете поместить некоторые данные в свою переменную, используя оператор присваивания («=»).

message = "Hello World!";

Теперь строка сохранена в памяти. Мы можем получить к нему доступ, используя имя переменной.

let message; 
message = "Hello World";
console.log(message) // "Hello World"

Мы также можем объявлять и присваивать значения нескольким переменным одновременно.

let user = "John Doe", age = 27, message = "Hello World";
console.log(user); // "John Doe"
console.log(age); // 27
console.log(message); // "Hello World"

В старых сценариях вы часто можете встретить объявление переменной с использованием var вместо let т.е. -

var message = "Hello World";

Ключевое слово var почти совпадает с ключевым словом let. Он также объявляет переменную, но немного другим, «олдскульным» способом.

Между let и var есть тонкие различия, о которых вы можете узнать здесь.

Типы данных Javascript

Переменные Javascript могут хранить данные в виде чисел, таких как 0, 1, 100, 1000, 1000,1213, и строковых значений, таких как «Hello World», «Hey There! Я использую Medium ».

В Javascript строки могут быть написаны с использованием двойных или одинарных кавычек. Числа пишутся без кавычек. Если мы напишем число в кавычках, оно будет рассматриваться как String.

Переменная Javascript, изначально назначенная как String, также может быть изменена как число позже, не создавая никаких ошибок.

Именование переменных

Есть несколько ограничений на создание имени переменной в Javascript -

  1. Имя может содержать буквы, цифры, символы подчеркивания и знаки доллара.
let message; 
let message1; 
let message_1;
let $message;

2. Имя не может начинаться с цифры.

let message1; // Valid 
let 1message; // Invalid;

3. Имя переменной чувствительно к регистру.

let message = "Hello World";
let Message = "Hello People";

Здесь message и Message - разные переменные.

4. Зарезервированные слова, например, Javascript нельзя использовать в качестве имен переменных.

Говоря о нейминге, вам следует знать еще одну важную вещь.

Имя переменной должно быть чистым, иметь очевидное значение и описывать данные, которые она хранит.

Именование переменных является наиболее сложным и одним из самых важных навыков в программировании. Быстрый взгляд на имя переменной должен описать большую часть его свойств и может выявить большую разницу между новичком и опытным программистом.

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

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

Несколько хороших правил, которым нужно следовать -

  1. Используйте более удобочитаемые имена, такие как costPrice или discountedPrice.
  2. Не используйте такие сокращения, как a, b, c, если вы не уверены в их значении.
  3. Не используйте такие имена переменных, как data или value, потому что они часто сбивают вас с толку и вы можете забыть, к каким данным или значениям они относятся.
  4. Время от времени обсуждайте с членами вашей команды, прежде чем начинать какой-либо проект. На веб-сайте покупок продукты должны называться currentProduct или newProduct, а не product1 или product2.

Это может показаться легким при чтении, но создать описательную и краткую переменную непросто, это происходит только после практики.

Резюме

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

  • let - это современное объявление переменных.
  • var - это объявление переменной старой школы. Обычно мы им вообще не пользуемся.
  • const аналогичен let, но значение переменной нельзя изменить.