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

JavaScript Переменные



JavaScript переменные

JavaScript переменные являются контейнерами для хранения значений данных.

В этом примере x, y, и z, являются переменными:

Пример

var x = 5;
var y = 6;
var z = x + y;
Редактор кода »

Из примера выше можно узнать, что:

  • x, хранит значение 5
  • y, хранит значение 6
  • z, хранит значение 11

Как в математике

В этом примере: price1, price2, и total, являются переменными:

Пример

var price1 = 5;
var price2 = 6;
var total = price1 + price2;
Редактор кода »

В программировании, как и в математике, мы используем переменные (например: price1) для хранения значений.

В программировании, как и в математике, мы используем переменные в выражении total = price1 + price2.

Из приведенного выше примера можно вычислить total равно 11.

Переменные JavaScript являются контейнерами для хранения данных значений.


JavaScript идентификаторы

Все переменные JavaScript обязательно должны быть идентифицированны с уникальным именем.

Уникальные имена называются идентификаторами.

Идентификаторы могут быть с короткими именами (например: x и y ) или более описательные имена (age, sum, totalVolume).

Общие правила построения для имен переменных (уникальных идентификаторов):

  • Имена могут содержать буквы, цифры, знаки подчеркивания и знаки доллара
  • Имена должны начинаться с буквы
  • Имена могут начинаться с $ и _ (но мы не будем использовать в этом учебнике)
  • Имена чувствительны к регистру (y и Y - разные переменные)
  • Зарезервированные слова (например: JavaScript ключевые слова) не могут использоваться в качестве имен

JavaScript идентификаторы чувствительны к регистру.


JavaScript оператор присваивания

В JavaScript знак равенства (=) является оператором "присваивания", а не "равно".

Отличается от математики и нет ни какого смысла сравнивать с математикой:

x = x + 5

Однако, JavaScript имеет другой смысл: он присваивает значение x + 5 к x.

(Вычисляет значение x + 5 и помещает результат в x. Значение x увеличивается на 5.)

Оператор JavaScript "равно" написан как (==).


JavaScript типы данных

JavaScript переменные могут содержать числа типа 100 и текстовые значения типа "Андрей Щипунов".

В программировании текстовые значения называются текстовыми строками.

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

Строки записываются в двойные или одинарные кавычки. Числа пишутся без кавычек.

Если поместить число в кавычки, оно будет обработано как текстовая строка.

Пример

var pi = 3.14;
var person = "Андрей Щипунов";
var answer = 'Да это я!';
Редактор кода »

JavaScript создание переменной

Создание переменной в JavaScript называется "объявление" одной переменной.

Мы объявляем переменную JavaScript с ключевым словом var:

var carName;

После объявления, переменная не имеет значения (технически она имеет значение, не определено).

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

carName = "Вольво";

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

var carName = "Вольво";

В приведенном ниже примере создается переменная carName и к нему присваивается значение "Вольво"

Тогда мы "выводим" .innerHTML значение внутри HTML параграфа в id="demo":

Пример

<p id="demo"></p>

<script>
var carName = "Вольво";
document.getElementById("demo").innerHTML = carName;
</script>
Редактор кода »

Очень хорошая привычка программирования, чтобы объявить все переменные в начале скрипта.


Переменные в одном заявлении

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

Объявить заявление с var и разделите переменные точкой с занятой:

var person = "Андрей Щипунов", carName = "Вольво", price = 200;
Редактор кода »

Объявление может охватывать несколько строк:

var person = "Андрей Щипунов",
carName = "Вольво",
price = 200;
Редактор кода »

Значение undefined

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

Переменная, объявленная без значения, будет иметь неопределенное значение undefined.

Переменная carName, будет иметь неопределенное значение undefined после выполнения этой инструкции:

Пример

var carName;
Редактор кода »

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

При повторном объявлении переменной JavaScript значение не потеряется.

Последнее выполнение заявление, переменная carName будет так же иметь значение "Вольво":

Пример

var carName = "Вольво";
var carName;
Редактор кода »

JavaScript сложение

Как и в математике, вы можете выполнять сложение с переменными JavaScript, используя такие операторы, как ( = ) и ( + ):

Пример

var x = 5 + 2 + 3;
Редактор кода »

Можно также добавить строки, но строки будут объединены:

Пример

var x = "Андрей" + " " + "Щипунов";
Редактор кода »

Также попробуйте:

Пример

var x = "5" + 2 + 3;
Редактор кода »

Если поместить число в кавычки, то остальные числа будут рассматриваться как строки и объединятся вместе.

Теперь попробуйте:

Пример

var x = 2 + 3 + "5";
Попробуйте сами »

Проверьте себя с помощью упражнений!

Упражнение:

Создать переменную carName и присвоить к нему значение Вольво.

var  = "";

Начните упражнение