Продвинутые примеры 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 представлены следующие типы данных:
- number для любых чисел, в том числе с плавающей запятой;
- bigint для больших целых чисел;
- string — строковый тип;
- boolean для true/false.
- null для неизвестных значений;
- undefined для неприсвоенных значений – отдельный тип, имеющий одно значение undefined;
- object для сложных структур;
- 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 (вёрстка и оформление).
где тут продвинутое то??????????????????