Получите свидетельство
Вход
Сегодня на уроке мы узнаем:
· Что такое JavaScript.
· Для чего используются переменные и константы.
· Какие типы данных и операции используются в JavaScript.
JavaScript – это язык программирования, который широко используется для создания интерактивных web-сайтов. JavaScript является одним из ключевых компонентов современных web-технологий. Он работает в сочетании с HTML и CSS для создания функциональных и привлекательных web-страниц.
Для разработки на JavaScript нам понадобится текстовый редактор, например, Notepad++. Также понадобится любой браузер для проверки выполнения программы.
Напишем первую программу.
Создадим html-файл и назовём его index.
Открываем файл в текстовом редакторе и вносим туда знакомый уже код
Запишем базовую структуру HTML.
Для включения JavaScript-кода в HTML-документ необходимо добавить на страницу элемент <script>, внутри которого будет располагаться JavaScript-код. Этот элемент может быть размещён как в заголовке документа (<head>), так и в теле документа (<body>).
Добавим код javascript.
JavaScript-код может состоять из множества инструкций, и каждая инструкция завершается точкой с запятой. В приведённом примере наша инструкция включает вызов метода document.write(). Этот метод используется для вывода содержимого на web-страницу.
Сохраним файл и запустим его в браузере.
В данном случае отобразится заголовок «Моя первая программа».
Давайте рассмотрим несколько ключевых моментов синтаксиса JavaScript.
JavaScript-код – это набор команд, которые выполняются в определённом порядке. Каждая команда выполняет своё действие. Для разделения этих инструкций в JavaScript используется точка с запятой.
Но браузеры могут корректно интерпретировать код, если отдельные инструкции просто располагаются на отдельных строках без точки запятой.
Рекомендуется ставить точку с запятой после каждой инструкции. Это повышает читаемость кода и уменьшает возможность возникновения ошибок.
Можно объединять отдельные инструкции в блоки кода, представляющие собой фрагмент кода, заключённый между {}.
В JavaScript широко используются комментарии для пояснения кода. Однострочные комментарии начинаются с // и используются для кратких пояснений. Многострочные комментарии начинаются со слеша и /* и заканчиваются */, они позволяют вставлять более длинные или подробные объяснения.
Существует ещё один метод подключения JavaScript-кода – вынос кода во внешние файлы и подключение этих файлов с помощью тега <script>.
Для этого нужно создать новый текстовый файл, который будет иметь расширение.js. В нём записывается код.
В html-файле, чтобы подключить файл с кодом javascript на web-страницу, прописываем элементу script атрибут src. Этот атрибут указывает на путь к файлу скрипта.
Для хранения данных JavaScript использует переменные и константы.
Переменные служат для хранения временных данных или значений, которые могут изменяться в процессе выполнения программы.
Константы используются для постоянного хранения значений, которые остаются неизменными на протяжении всего процесса выполнения программы.
Для создания переменных применяются операторы var и let.
Переменная, объявленная через var, доступна только внутри «своей» функции, или глобально, если она была объявлена вне функции.
Переменные, объявленные с помощью let, доступны только в пределах блока кода, в котором они были объявлены.
Каждое объявление переменной представляет собой отдельную инструкцию, которая завершается точкой с запятой.
Имена переменных могут состоять из букв, цифр, символа подчёркивания (_) и знака доллара ($), но не должны начинаться с цифры. Также запрещено использовать любые другие символы в именах переменных.
В JavaScript имена переменных не могут совпадать с ключевыми словами языка, так как это может привести к конфликтам и ошибкам в коде.
Список зарезервированных слов в JavaScript: await, break, case, catch, class, const, continue, debugger, default, delete, do, else, enum, export, extends, false, finally, for, function, if, import, in, instanceof, new, null, return, super, switch, this, throw, true, try, typeof, var, void, while, with, yield.
Не рекомендуется использовать имена переменных, которые аналогичны уже существующим глобальным переменным.
Список глобальных переменных в JavaScript: console, alert, blur, close, closed, document, focus, frames, location, navigator, open, screen, window.
При выборе имён переменных важно помнить, что в JavaScript регистр символов имеет значение.
Возможно определение нескольких переменных одновременно, используя запятую.
После создания переменной ей можно присвоить значение с использованием оператора присваивания (=). В данном случае переменная tron будет хранить число пять.
Процесс присваивания начального значения переменной называется инициализацией.
Есть возможность инициализировать несколько переменных сразу.
В JavaScript существуют некоторые особенности при определении переменных, например, можно не использовать ключевые слова let или var, но такой подход не рекомендуется.
С использованием ключевого слова const в JavaScript можно определить константу. В отличие от переменных, значение константы остаётся постоянным и не может быть изменено. Если попытаться изменить значение константы, возникнет ошибка. Невозможно создать константу без присвоения начального значения.
JavaScript является динамически типизированным языком программирования, это означает, что типы данных переменных определяются во время выполнения программы.
Основными типами данных в JavaScript являются:
Number
Представляет числовые значения, которые могут быть целыми или десятичными, а также положительными или отрицательными.
BigInt
Этот тип данных предназначен для работы с числами произвольной точности. Он способен хранить и обрабатывать числа, превышающие максимальное значение, представленное стандартным числовым типом данных.
String
Представляет последовательность символов и заключается в одинарные или двойные кавычки.
Boolean
Этот тип данных принимает только два возможных значения: true (истина) и false (ложь). Булевы значения часто используются в условных выражениях и логических операциях.
Null
Представляет собой специальное значение, которое означает «отсутствие значения». Оно используется, когда переменная не содержит никакого значения.
Undefined
Этот тип указывает, что переменная была объявлена, но ей не было присвоено никакое значение. Переменные по умолчанию имеют значение undefined.
Symbol
Представляет уникальное значение, которое часто применяется для обращения к свойствам сложных объектов.
Для осуществления различных действий с данными, таких как сложение, вычитание и так далее, в JavaScript применяются операции. Они принимают один, два или три операнда и выполняют определённые действия с этими операндами. Операндами могут быть литералы (например, числа или строки), переменные, константы или результаты предыдущих операций, в зависимости от типа операции.
JavaScript включает в себя поддержку всех основных математических операций. К ним относятся:
· Сложение (+).
· Вычитание (-).
· Умножение (*).
· Деление (/).
· Остаток от деления (%) или деление по модулю: возвращает остаток от деления одного значения на другое.
· Инкремент (++): увеличивает значение переменной на единицу 1.
· Декремент (--): уменьшает значение переменной на единицу 1.
· Возведение в степень (** 2).
Эти операции позволяют выполнять различные математические вычисления в языке JavaScript.
В JavaScript существуют операции с присваиванием, которые позволяют одновременно выполнять арифметическую операцию и присвоение значения переменной.
Эти операторы с присваиванием предоставляют более краткий и удобный синтаксис для выполнения арифметических операций с последующим присвоением значения переменной.
Рассмотрим операции сравнения.
В JavaScript логические операции позволяют комбинировать и проверять условия для принятия решений. Вот основные логические операторы в JavaScript:
Логическое И (&&):
Возвращает true, если оба операнда истинны.
Логическое ИЛИ (||):
Возвращает true, если хотя бы один из операндов истинен.
Логическое отрицание НЕ (!):
Инвертирует значение операнда, то есть делает истинное значение ложным и наоборот.
Комбинацию логического И и НЕ можно использовать для создания сложных условий.
Логические операторы часто применяются в условных выражениях, циклах и других сценариях, где требуется проверка условий. Они позволяют создавать более сложные условия, основанные на сочетании различных логических выражений.
Часто требуется изменять типы данных в JavaScript, и некоторые преобразования происходят автоматически. При выполнении операции сложения в JavaScript применяются следующие принципы:
· Если оба операнда являются числами, происходит обычное арифметическое сложение.
· Если оба операнда не являются числами, они преобразуются в строки, и затем происходит конкатенация строк.
Для явного преобразования строки в целое число используется функция parseInt().
А для преобразования строки в дробное число – функция parseFloat().
В конце урока попробуйте ответить на следующие вопросы:
Как оформляется многострочный комментарий в JavaScript?
Можно ли переменную назвать var?
Как называется процесс присваивания начального значения переменной?
Как можно определить константу?
Внимательно посмотрев урок, вам не составит труда ответить на вопросы.
48
