Что такое JavaScript?
Функции JavaScript могут улучшить удобство взаимодействия пользователя с веб-сайтом: от обновления ленты новостей в социальных сетях и до отображения анимации и интерактивных карт.
JavaScript является языком программирования при разработки скриптов для выполнения на стороне клиента, что делает его одной из базовых технологий во всемирной сети Интернет. Например, карусель изображения, выпадающее по клику меню и динамично меняющиеся цвета элементов на веб-странице, которые вы видите во время просмотра страниц в Интернете, выполнены при помощи JavaScript.
Для чего используется JavaScript?
- Исторически веб-страницы были статичными, похожими на страницы в книге. Статическая страница в основном отображала информацию в фиксированном виде и не выполняла всего того, что мы сейчас ожидаем от современного сайта.
- Язык JavaScript возник как технология на стороне браузера, позволяющая сделать веб-приложения более динамичными. Используя его, браузеры могли реагировать на взаимодействие с пользователем и менять расположение контента на веб-странице.
- JavaScript – это язык программирования, который используют разработчики для создания интерактивных веб-страниц.
- По мере развития языка, разработчики JavaScript создали библиотеки, фреймворки и практики программирования и начали использовать его за пределами веб-браузеров.
Сегодня JavaScript можно использовать для разработки как на стороне клиента, так и на стороне сервера. В следующих подразделах мы приводим некоторые общие примеры использования. Исторически веб-страницы были статичными, похожими на страницы в книге. Статическая страница в основном отображала информацию в фиксированном виде и не выполняла всего того, что мы сейчас ожидаем от современного сайта. Язык JavaScript возник как технология на стороне браузера, позволяющая сделать веб-приложения более динамичными. Используя его, браузеры могли реагировать на взаимодействие с пользователем и менять расположение контента на веб-странице. По мере развития языка, разработчики JavaScript создали библиотеки, фреймворки и практики программирования и начали использовать его за пределами веб-браузеров. Сегодня JavaScript можно использовать для разработки как на стороне клиента, так и на стороне сервера. В следующих подразделах мы приводим некоторые общие примеры использования. Как работает JavaScript?
- Все языки программирования работают путем перевода английского синтаксиса в машинный код, который затем выполняет операционная система. JavaScript в широком смысле можно отнести к категории скриптовых или интерпретируемых языков.
- Код JavaScript интерпретируется, то есть непосредственно переводится в код машинного языка движком JavaScript. В других языках программирования компилятор обрабатывает весь код в машинный на отдельном этапе. Таким образом, все скриптовые языки являются языками программирования, но не все языки программирования являются скриптовыми.
- Движок JavaScript – это компьютерная программа, которая выполняет код JavaScript. Первые движки JavaScript были всего лишь интерпретаторами, но все современные движки используют для повышения производительности JIT-компиляцию или компиляцию во время выполнения.
- JavaScript на стороне клиента JavaScript на стороне клиента относится к тому, как JavaScript работает в вашем браузере. В этом случае движок JavaScript находится внутри кода браузера. Все основные веб-браузеры имеют свои собственные встроенные движки JavaScript.
- Разработчики веб-приложений пишут код JavaScript с разными функциями, связанными с различными событиями, такими как щелчок мыши или наведение курсора. Эти функции вносят изменения в HTML и CSS.
- Функция JavaScript на стороне сервера может обращаться к базе данных, выполнять различные логические операции и реагировать на различные события, запускаемые операционной системой сервера. Основное преимущество скриптинга на стороне сервера заключается в том, что вы можете в значительной степени настроить ответ сайта в соответствии с вашими требованиями, правами доступа и информационными запросами сайта. Сторона клиента и сторона сервера Слово динамический описывает как клиентский, так и серверный JavaScript. Динамическое поведение – это способность обновлять отображение веб-страницы для генерации нового контента по мере необходимости. Разница между JavaScript на стороне клиента и на стороне сервера заключается в генерировании нового контента. Код на стороне сервера динамически генерирует новый контент, используя логику приложения и изменяя данные из базы данных. JavaScript на стороне клиента, с другой стороны, динамически генерирует новый контент внутри браузера, используя логику пользовательского интерфейса и изменяя контент веб-страницы, которая уже находится на стороне клиента. Смысл немного отличается в этих двух контекстах, но они связаны, и оба подхода работают вместе для улучшения пользовательского опыта.
- Другое различие между двумя видами использования JavaScript, помимо реализации динамических функций, заключается в ресурсах, к которым код может получить доступ.
- На стороне клиента браузер контролирует среду выполнения JavaScript. Код может получить доступ только к тем ресурсам, которые ему разрешает браузер.
Ниже представлен обзор того, как работает JavaScript на стороне клиента.
- Браузер загружает веб-страницу, когда вы ее посещаете.
- В процессе загрузки браузер преобразует страницу и все ее элементы, такие как кнопки, ярлыки и выпадающие поля, в структуру данных, называемую объектной моделью документа(DOM).
- Движок JavaScript браузера преобразует код JavaScript в байткод. Этот код является посредником между синтаксисом JavaScript и машиной.
- Различные события, такие как щелчок мыши по кнопке, вызывают выполнение связанного блока кода JavaScript. Затем движок интерпретирует байткод и вносит изменения в DOM.
- Браузер отображает новую DOM. JavaScript на стороне сервера JavaScript на стороне сервера относится к использованию языка кодирования в логике внутреннего сервера. В этом случае движок JavaScript находится непосредственно на сервере.
- Например, он не может записать содержимое на ваш жесткий диск, если вы не нажмете на кнопку загрузки
- С другой стороны, функции на стороне сервера могут получить доступ ко всем ресурсам серверной машины по мере необходимости.