ПОДПИСКА на УРОКИ


Дополнительное видео

JavaScript - #6 ТИПЫ ДАННЫХ введение / Основы по JavaScript

JavaScript - #5 ИНСТРУКЦИИ и встроенные функции / грамматика языка JS

JavaScript - #4 Отслеживание ошибок JS


Хостинг от Макхост

JavaScript - ПЕРЕМЕННЫЕ


  • Денис Горелов
  • 05.10.2017
  • JavaScript
  • Урок: 7
  • Просмотров: 171

Переменные и грамматика языка JS

Работая в Javascript мы можем вносить числовые, строковые и логические значения, однако они работают в том случае, если в программе содержится необходимая информация. Для этого и созданы переменные, которые позволяют хранить в себе различного рода информацию и представляет собой как некий контейнер к которому можем обратиться в любой момент и достать ту информацию которая в нем расположена.

Javascript типы данных

Создание переменной

Переменная создается в два этапа: это объявление переменной и присвоение ей имени.

Для начала мы должны задекларировать переменную, то есть объявить ее, это делается при помощи ключевого слова var. Далее пишем инструкцию, это имя переменной, ее название как к ней будем обращаться, для примера напишу dwstv.

Переменная в JS

Как называть переменные решать, конечно, вам, однако есть несколько правил, которым необходимо соблюдать, чтобы работал javascript:

  • первое правило, избегайте использование зарезервированных слов. Некоторые слова в языке JavaScript используются в самой системе, как например слово var при помощи которого мы объявляем переменную. Кроме того, некоторые слова, такие как alert, document, window, считаются особыми свойствами веб страницы. Если вы попытаетесь их задействовать в качестве переменных, то получите сообщение об ошибке. Тут можно посмотреть список зарезервированных слов.
  • второе правило, имя переменной должно начинаться с буквы, символа $ или _. То есть переменная не может начинаться с цифры или знака препинания: имя 1dwstv и &dwstv работать не будут, а имена $dwstv и _dwstv будут.
  • третье правило, в имени переменной могут содержаться буквы, цифры, символы $ и _, и не могут быть использованы в имени пробелы или другие специальные знаки: dws&tv и dws tv это недопустимые имена, а такого формата можно, dws_tv и dwstv1 или dws_tv_1.
  • четвертое правило, имена переменных чувствительны к регистру. Интерпретатор JavaScript по разному воспринимает строчные и прописные буквы, то есть переменная DWSTV отличается от переменной dwstv, а также от переменной DwStv и Dwstv.
  • пятое правило, не рекомендуется использовать символы, отличные от латиницы, переменные, написанные кириллицей, хоть и будут работать, но это не гарантировано, к тому же коллегам из других стран понятны не будут.

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

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

Использование переменных

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

Для того чтобы положить в переменную данные, используется специальный символ, знак равенства (=), он называется операцией присваивания, поскольку он используется, чтобы присвоить переменной какое то значение.

Операция присваивания в JS

Для примера положим в переменную dwstv цифровое значение, количество подписчиков 8500, объявляем переменную var dwstv; и второй строкой кладем в нее значение dwstv = 8500;

Содержание в переменной

var dwstv;
dwstv = 7200;    

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

var dwstv = 7200;    

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

var dwstv = 7200;var lessons = ‘JavaScript’;
var youtubeKanal = ‘DwsTV’;
var subscribers = ‘7700’;
var content = true;    

Мы можем также экономить место, время, декларируя переменные одним ключом var, пример:

var lessons = ‘JavaScript’,
    youtubeKanal = ‘DwsTV’,
    subscribers = ‘7700’,
    content = true;    

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

К примеру, если нам нужно открыть диалоговое окно оповещения и отобразить значение, сохраненное в переменной kanal, достаточно просто написать имя переменной в функции alert.

alert(kanal);    

Обратите внимание, что мы не заключаем переменные в кавычки - они только для строк, поэтому мы не пишем alert(‘kanal’), так как в этом случае мы получим слова kanal, а не значение сохраненное в переменной.

Теперь я думаю, вы разобрались, почему строки следует заключать в кавычки: интерпретатор javaScript воспринимает слова без кавычек либо как специальные объекты (например, команда alert()), либо как имена переменных.

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

subscribers = ‘10000’;    

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

Практическое задание:

Создайте три переменных, одной присвойте числовое значение, второй строковое значение, а третьей логическое. Все переменные задекларируйте одним ключевым словом var, и отобразите их на странице. Затем переопределите переменную с числовым значением, и полученный результат отобразите при помощи функции alert().

Практическое задание по уроку

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

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

Урок подготовил Горелов Дениc.

Оставить комментарий:

Отзывы

Отзывов нет.

Написать отзыв

* - Обязательные поля

Выбирай свою тему, и мы напишем когда выйдет по ней очередное видео.