ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ

JS Учебник

JS Старт JS Введение JS Установка JS Вывод JS Объявления JS Синтаксис JS Комментарии JS Переменные JS Операторы JS Арифметические JS Присваивание JS Типы данных JS Функции JS Объекты JS События JS Строки JS Методы строки JS Числа JS Методы числа JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Даты JS Форматы дат JS Методы получения дат JS Методы установки дат JS Математические JS Рандомные JS Булевы JS Сравнения JS Условия JS Switch JS Цикл For JS Цикл While JS Прерывание JS Преобразование типов JS Побитовые JS Регулярные выражения JS Ошибки JS Область действия JS Подъём JS Строгий режим JS Ключевое слово this JS Ключевое слово Let JS Ключевое слово Const JS Функции стрелок JS Классы JS Отладка JS Гид по стилю JS Лучшие практики JS Ошибки JS Производительность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS JSON

JS Формы

JS Формы Формы API

JS Объекты

Определения объектов Свойства объекта Методы объекта Доступ к объектам Конструкторы объектов Прототипы объектов Объект ECMAScript 5

JS Функции

Определения функций Параметры функции Обращение к функции Вызов функции Применение функции Закрытие функции

JS HTML DOM

DOM Введение DOM Методы DOM Документ DOM Элементы DOM HTML DOM CSS DOM Анимация DOM События DOM Слушатель событий DOM Навигация DOM Узлы DOM Коллекции DOM Узловые списки

JS Объектная модель браузера BOM

JS Окно JS Скрин JS Локация JS История JS Навигатор JS Всплывающее оповещение JS Тайминг JS Куки

JS AJAX

AJAX Введение AJAX XMLHttp AJAX Запрос AJAX Отклик AJAX XML Файл AJAX PHP AJAX ASP AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение JSON Синтаксис JSON и XML JSON Типы данных JSON Анализ JSON Stringify JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS и jQuery

jQuery Селекторы jQuery HTML jQuery CSS jQuery DOM

JS Примеры

JS Примеры JS HTML DOM JS HTML Input JS HTML Объекты JS HTML События JS Броузер JS Упражнения JS Викторина JS Сертификат

JS Справочники

JavaScript Объекты HTML DOM Объекты

JavaScript. Уроки для начинающих

JavaScript Variables / Переменные


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

В этом примере x, y и z - это переменные:

Пример

var x = 5;
var y = 6;
var z = x + y;
Попробуйте сами »

Из приведенного выше примера вы можете ожидать:

  • х хранит значение 5
  • у хранит значение 6
  • z хранит значение 11

Очень похоже на алгебру

В этом примере price1, price2 и total - это переменные:

Пример

var price1 = 5;
var price2 = 6;
var total = price1 + price2;
Попробуйте сами »

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

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

Из приведенного выше примера вы можете рассчитать сумму, которая равна 11.

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


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

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

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

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

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

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

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


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

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

Это такое отличие от алгебры. Следующее выражение не имеет смысла в алгебре:

x = x + 5

В JavaScript, однако, такое выражение имеет смысл: х присваивается значение x + 5.

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

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


JavaScript Типы данных

JavaScript переменные могут содержать числа (например, 1, 78, -25, 1024 и т.д.) и текстовые значения как "John Doe".

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

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

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

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

Пример

var pi = 3.14;
var person = "John Doe";
var answer = 'Yes I am!';
Попробуйте сами »

Объявление (создание) переменных JavaScript

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

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

var carName;

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

Чтобы присвоить значение переменной, используйте знак равенства =:

carName = "Volvo";

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

var carName = "Volvo";

В приведенном ниже примере мы создаем переменную с именем carName и присваиваем ей значение "Volvo".

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

Пример

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

<script>
var carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Попробуйте сами »

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


Одно объявление, много переменных

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

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

var person = "John Doe", carName = "Volvo", price = 200;
Попробуйте сами »

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

var person = "John Doe",
carName = "Volvo",
price = 200;
Попробуйте сами »

Значение = undefined (не определено)

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

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

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

Пример

var carName;
Попробуйте сами »

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

Если вы повторно объявите переменную JavaScript, она не потеряет своего значения.

Переменная carName по-прежнему будет иметь значение "Volvo" после выполнения этих объявлений:

Пример

var carName = "Volvo";
var carName;
Попробуйте сами »

JavaScript Арифметика

Как и в случае с алгеброй, вы можете выполнять арифметику с переменными JavaScript, используя такие операторы, как = и +:

Пример

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

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

Пример

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

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

Пример

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

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

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

Пример

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

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

Упражнение:

Создайте переменную с именем carName и присвойте ей значение Volvo.

var  = "";

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