• Страница 1 из 1
  • 1
Модератор форума: webik  
Форум » JavaScript и jQuery » JavaScript » Переменные » Что такое переменные и как с ними работать (Создание переменных и работа с ними)
Что такое переменные и как с ними работать
webikДата: Вс, 17.03.2019, 17:51 | Сообщение # 1
Offline
Переменная - это способ сохранения какой-то информации, чтобы её потом использовать.

Информация, которую мы сохраняем в переменную, потом может изменяться. Если наглядно, то можно представить переменную в виде коробки, в которую мы что-то кладём, потом вынимаем из неё то, что когда-то положили, кладём туда что-то другое и т.д. А можем и просто посмотреть, что у нас в коробке лежит.

Прикрепления: 1928554.jpg(202.5 Kb)
 
профиль цитата изменить удалить
webikДата: Вс, 17.03.2019, 18:13 | Сообщение # 2
Offline
Как создаются переменные?

Есть определённые правила при создании переменных:

- Имя переменной должно начинаться с буквы, символа $ или _
Имя переменной не может начинаться с цифры или знака препинания

- Имена переменных могут содержать только буквы, цифры, символы $ и _
В имени переменной нельзя использовать пробелы или другие спецсимволы

- Имена переменных чувствительны к регистру
Переменные очки, ОЧКИ, Очки и оЧкИ - это всё разные переменные

- Не использовать зарезервированные в JavaScript ключевые слова для создания имён переменных
Список ключевых слов


Кроме того, хорошим тоном будет считаться, если имя переменной будет логически отображать её значение. Например, в переменной хранится количество набранных очков, в этом случае хорошим именем для неё будет, к примеру, очки.

Если в имени переменной вы используете несколько слов, то есть два варианта их написания. Первый - это разделить слова в имени переменной нижним подчёркиванием

Код
game_of_thrones;


или так (стиль называется CamelCase, как горбы у верблюда), начинать каждое слово с большой буквы

Код
gameOfThrones;


Переменная создаётся (или, правильнее, "объявляется"),с помощью ключевого слова var, за которым вы пишете (или, правильнее, "присваиваете") придуманное этой переменной имя:

Код
var очки;


В данном случае мы создали переменную очки, и она не хранит в себе никакой информации.
 
профиль цитата изменить удалить
webikДата: Вс, 17.03.2019, 18:31 | Сообщение # 3
Offline
Один раз создав с помощью ключевого слова var переменную, в дальнейшем слово var не используется, а используется имя переменной. Например, создали переменную speed

Код
var speed;


чтобы вызвать эту переменную, просто используйте её имя, например:

Код
alert(speed); // Обратите внимание, имена переменных не заключаются в кавычки


Кстати, можно неплохо сэкономить время, и создать несколько переменных одной строкой. Допустим, нам нужно создать три переменных с именами one, two, three:

Код
var one, two, three;
 
профиль цитата изменить удалить
webikДата: Вс, 17.03.2019, 18:33 | Сообщение # 4
Offline
Помните про коробку?

Мы сравнивали переменную с пустой коробкой, в которой можно что-то хранить, время от времени туда посматривать, что-то доставать, что-то класть обратно или поменять на что-то другое и т.д. Но сама коробка при этом остаётся той же самой.
Так и переменная. Соданная единожды, может хранить в себе разного рода информацию (числа, строки, булевы значения).

Как сохранить что-то в переменной?

Допустим, нам нужно сохранить имя Пётр в переменную имя. Делается это так:

Код
var имя = ' Пётр ';
 
профиль цитата изменить удалить
webikДата: Вс, 17.03.2019, 19:09 | Сообщение # 5
Offline
Здесь мы одной строкой сразу и создали переменную и присвоили ей значение. Если пошагово разобрать верхний код, то вот что мы сделали:

Код
var имя; // создали новую переменную имя
имя = ' Пётр '; // сохранили в ней значение 'Пётр'


Знак равенства = называется оператором присваивания.

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

Код
var name = 'Mikle';
var фамилия_героя = 'Жеглов';
var age = 22;
var суперГерой = 'Россомаха';


Одним утверждением JavaScript можно не только создать несколько переменных, но и всем им присвоить значения. Возьмём код, написанный нами ранее, в котором мы создавали одной строкой сразу три переменные:

Код
var one, two, three;


и перепишем, сохранив в каждой переменной какие-то значения (выбрал наугад, булево значение, число и строку):

Код
var one=true, two=22, three='Вася';


И тут начинается самое интересное для понимания.

Помните, ранее мы договорились, что:

Цитата
Один раз создав с помощью ключевого слова var переменную, в дальнейшем слово var не используется, а используется имя переменной. Чтобы вызвать эту переменную, просто используйте её имя.


Так вот, после того, как вы сохранили в переменную какое-то значение, получить потом доступ к этому значению можно с помощью имени переменной.
Пример: создадим переменную очки и сохраним в ней число, допустим, 21

Код
var очки = 21;


Теперь, используя имя переменной ( в данном случае очки), мы можем получить доступ к значению, которое в ней хранится. Допустим, мы хотим вывести хранящееся в переменной очки значение в предупреждающем окне:

Код
alert(очки);


В результате, когда вы откроете страницу в браузере, откроется окно оповещения и в нём будет число 21.

Обратите внимание, что если бы вы написали так:

Код
alert(' очки ');


то вместо числа 21 в окне оповещения было бы отображено слово 'очки', потому как для имён переменных кавычки не ставятся.
 
профиль цитата изменить удалить
Форум » JavaScript и jQuery » JavaScript » Переменные » Что такое переменные и как с ними работать (Создание переменных и работа с ними)
  • Страница 1 из 1
  • 1
Поиск: