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

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 Заявления if...else JS Заявление switch JS Цикл for JS Цикл while JS Заявление break... JS Преобразование... JS Битовые... JS Регулярные выражения JS Ошибки JS Отладчик JS Подъемный JS Строгий JS Ключевое слово this JS Руководство стиля JS Практика JS Распространенные ошибки JS Эффективность JS Зарезервированные слова JS Версии JS Версия ES5 JS Версия ES6 JS JSON

JS Формы

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 Cookies

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



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  = "";

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