Продвинутые примеры Javascript

Первый стандарт JavaScript был опубликован в 1995 году. В наше время он применяется для придания сайтам интерактивности. Следует знать, что JavaScript и Java – разные языки для разных задач.

Особенности языка

  • Поддержка разных стилей.
  • Динамическая, слабая типизация.
  • Функции как объекты 1-го класса.
  • Прототипное программирование.

Внедряем скрипт в HTML страницу

Все примеры мы будем запускать в браузере. В наше время все современные браузеры исполняют код на JS.

Пример 1. Первая программа

<!DOCTYPE HTML>
<html>

<body>

<script>
alert( ‘Привет, мир!’ );
</script>

</body>

</html>

В этом примере мы создали простейшую HTML страницу. Код на JS мы поместили в тег <script>. Функция alert() создаёт всплывающее окно с сообщением. В нашем случае это строка – “Привет, мир”!

Важно! Тег <script> следует помещать внутри тега <body>.

Есть и другой способ внедрить скрипт в нашу страницу. Он подойдёт для включения сложных, многострочных кодов.

Пример 2.

<script src=»/path/to/script.js»></script>

Мы прописали в теге <script> абсолютный путь до файла с кодом в корневой папке сайта. Кроме того, в качестве адреса можно указать URL с кодом. Можно вставить так несколько скриптов друг за другом.

Базовый синтаксис JS

Типы данных

В JS представлены следующие типы данных:

  1. number для любых чисел, в том числе с плавающей запятой;
  2. bigint для больших целых чисел;
  3. string — строковый тип;
  4. boolean для true/false.
  5. null для неизвестных значений;
  6. undefined для неприсвоенных значений – отдельный тип, имеющий одно значение undefined;
  7. object для сложных структур;
  8. symbol для уникальных идентификаторов.

Переменные, константы и присваивание

Далее мы будем разбирать код без HTML. Есть два способа объявить переменную, они практически идентичны.

var x = 10;
let y = 5;
alert(x + y);

Выводит окно с 15.

Переменные объявляются с помощью ключевых слов var и let. Можно использовать одно из них. Не будет ошибкой, если в коде присутствуют два способа. Оператор присваивания – один знак «=». Объявляем константу с помощью зарезервированного слова const.

const NewYear = ’31.12’;
alert(NewYear);

Арифметические операции

JS имеет следующие операторы:

  • сложение +,
  • вычитание — ,
  • умножение *,
  • деление /,
  • возведение в степень **,
  • инкремент и декремент ++ и – соответственно.

С помощью «плюса» можно объединять строки. Например:

let message = ‘Привет, ’ + ‘мир!’;
alert(message);

Операторы сравнения

Эти операторы возвращают значения true или false.

  • Больше / меньше: a > b, a < b;
  • Больше / меньше или равно: a >= b, a <= b;
  • Равно: a == b. Один знак «равно» означает присваивание!
  • Не равно: a != b;

Условные операторы

Простое условие с if, else if, else

let year = prompt(‘В каком году родился Пушкин?’, »);

if (year < 1799) {
alert( ‘Нет, рано’ );
} else if (year > 2015) {
alert( ‘Нет, поздно’ );
} else {
alert( ‘Правильно!’ );
}

Комментарии

Рассмотрим, как выглядят пояснения к коду

// однострочный коммент
/* многострочный
коммент */

Только что мы познакомились с основами JavaScript. Этот язык прочно занял свою нишу во фронтенд-разработке. Его принято изучать вместе с HTML (структура сайта) и CSS (вёрстка и оформление).

Образовательный портал 3TY.RU
Adblock
detector