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

JS Учебник

JS Главная JS Введение JS Где установить? JS Вывод JS Заявления JS Синтаксис JS Комментарии JS Переменные JS Let JS Const JS Операторы JS Арифметика JS Присваивание JS Типы данных JS Функции JS Объекты JS События JS Строки JS Методы строк JS Поиск строк JS Шаблоны строк JS Числа JS Методы чисел JS Массивы JS Методы массива JS Сортировка массива JS Итерация массива JS Постоянный массив JS Даты JS Формат дат JS Методы получения дат JS Методы набора дат JS Объекты Math JS Случайные числа JS Булевы JS Сравнения JS Оператор If...Else JS Оператор Switch JS Цикл For JS Цикл For In JS Цикл For Of JS Цикл While JS Оператор Break JS Повторяющиеся JS Наборы JS Карты JS Typeof JS Преобразование типов JS Битовые JS Регулярные выражения JS Ошибки JS Область JS Подъемный JS Строгий JS Ключевое слово this JS Функция стрелки JS Классы JS JSON JS Отладчик JS Руководство стиля JS Практика JS Распространенные ошибки JS Эффективность JS Зарезервированные слова

JS Версии

JS Версии JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE/Edge JS История

JS Объекты

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

JS Функции

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

JS Классы

Class Введение Class Наследование Class Статистический

JS Асинхронный

JS Обратный вызов JS Асинхронный JS Обещания JS Асинхронный

JS HTML DOM

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

JS Браузер BOM

JS Window JS Экран JS Расположение JS История JS Навигатор JS Предупреждение JS Синхронизация JS Куки

JS Веб APIы

Веб API Введение Веб История API Веб Хранилище API Веб Работник API Веб Извлечь API Веб Геолокации API

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 Строки JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS или jQuery

jQuery Селекторы jQuery Элементы jQuery CSS jQuery DOM

JS Примеры

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

JS Справочник

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


JavaScript Переменные



Существует 3 способа объявить переменную JavaScript:

  • С помощью var
  • С помощью let
  • С помощью const

В этой главе используется var.

Ключевые слова let и const объясняются в следующих главах.

Переменные

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


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

Пример

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).

Из приведенного выше примера вы можете рассчитать, что общая сумма будет 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;

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

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

carName = "Вольво";

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

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

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

Затем "выводим" значение внутри параграфа 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";
Попробуйте сами »

JavaScript Знак доллара $

Помните, что идентификаторы (имена переменных) JavaScript должны начинаться с:

  • Буква (AZ или az)
  • Знак доллара ($)
  • Или подчеркивание (_)

Поскольку JavaScript обрабатывает знак доллара как букву, идентификаторы, содержащие $, являются допустимыми именами переменных:

Пример

var $$$ = "Привет, мир";
var $ = 2;
var $myMoney = 5;
Попробуйте сами »

Знак доллара не очень распространен в JavaScript, но профессиональные программисты часто используют его как псевдоним для основной функции в библиотеке JavaScript.

В библиотеке JavaScript jQuery, например, функция main $ используется для выбора элементов HTML. В jQuery $("p"); означает "выбрать все элементы p".


JavaScript Подчеркивание (_)

Поскольку JavaScript обрабатывает подчеркивание как букву, идентификаторы, содержащие _ , являются допустимыми именами переменных:

Пример

var _lastName = "Щипунов";
var _x = 2;
var _100 = 5;
Попробуйте сами »

Использование подчеркивания не очень распространено в JavaScript, но среди профессиональных программистов принято использовать его в качестве псевдонима для "частных (скрытых)" переменных.


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

Упражнение:

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

var  = "";

Упражнения