Основы языка JavaScript (типы, переменные, функции и комментарии)

Как было сказано в предыдущей статье "Программирование на JavaScript", для написанный на JavaScript код должен находиться внутри тега "<script> ... <script>", который можно ставить как в раздел "<head>" или и внутрь тега "<body>", так и выносить в отдельный файл.

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

Попробуем написать программный код. Начнём с переменных. Создадим две переменных с названиями "a" и "b". Одна будет числом, а вторая строкой. И присвоим им какие-нибудь значения:
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <script>
         var a = 8;
         var b = 'Тише, мыши, кот на крыше!';
      </script>
   </head>
   <body>
      Содержание страницы
   </body>
</html>
Далее в этой статье и следующих будем приводить отдельно JS код, чтобы сократить запись - не писать весь HTML код с страницы.

Как видно из примера, задание всех переменных в JavaScript начинается со слова "var". После которого стоит название переменной, знак равно и значение. В случае с числом это просто число. Но в случае со строкой, текст необходимо заключить в кавычки. В конце каждой строки должна стоять точка с запятой.
Название переменной может быть любой длины и содержать латинские буквы, цифры и символы подчёркивания "_". Не рекомендуется использовать кириллические буквы в названии переменных. И не стоит начинать переменные с цифр.

Комментарии

В JavaScript существует функция комментариев. Они служат программистам в качестве напоминаний. В комментариях можно оставить любую информацию, которая поможет во время разработки. Есть два способа поставить комментарий. Первый - после двойного слеша "//", начиная с которого и до конца строки компилятор будет воспринимать текст как комментарий и не будет исполнять его:
var a = 9; // количество частей, на которые надо разрезать сыр
Если комментарий получается на несколько строк, то необходимо заключить его в конструкцию "/* ... */", чтобы получилось так:
/*
   Сыр надо разрезать на 9 частей,
   чтобы каждой мыши достался кусочек.
*/
var a = 9;

Функции

В отличии от переменных, которые хранят в себе значения, функции производят над этими значениями действия. Теперь рассмотрим одну из самых наглядных JavaScript функций - это функция "alert( )". Она выводит значение в окно браузера. Если все предыдущие примеры, приведённые в этой статье, ничего не выводили на экран, то сейчас попробуем сделать это. Напишем такой код:
var a = 'Тише, мыши, кот на крыше';
alert(a);
При выполнении такого кода на экране появится всплывающее окно с такой надписью: В JavaScript доступно несколько вспомогательных функций, который доступны "через точку". То есть после переменной надо поставить точку и написать название функции. Точнее такая функию называют "методом", а возвращаемое ей значение - "свойством". Давайте поставим задачу: нужно посчитать количество символов в строке. Для этого как раз существует подходящий метод lenght. Используем его:
var a = 'Тише, мыши, кот на крыше';
var b = a.lenght;
alert(b);
В результате выполнения такого кода в переменную "b" запишется цифра 25. Именно столько символов в строке 'Тише, мыши, кот на крыше', а функция .lenght выдаёт их количество. А потом появится всплывающее окно, в котором будет цифра 25:
Некоторым методам можно передавать аргументы, которые будут писаться в круглых скобках после их названий ( ), к примеру, a.toFixed(2).
Cтоит упомянуть, что JavaScript код может быть в нескольких местах в файле. Переменные могу задаваться в одном теге "<script>", а дальше (ниже по документу) использоваться в другом "<script>". Приведём пример:
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <script>
         var a = 'Тише, мыши, кот на крыше!';
      </script>
   </head>
   <body>
      Содержание страницы
      <script>
         alert(a);
      </script>
   </body>
</html>
При загрузке страницы с таким кодом, будет выведено всплывающее окно с текстом "Тише, мыши, кот на крыше".
MouseDC.ru - хостинг, виртуальный хостинг, покупка доменов, проверка доменов, WHOIS, курсы создания сайтов, вебинары по созданию, курсы разработки сайтов, доработка сайтов, сопровождение сайтов, разработка сайтов, техподдержка сайтов
Была ли эта статья полезна? Есть вопрос?
Cмотрите другие статьи: