Как запустить JavaScript-код без браузера
easy

Как запустить JavaScript-код без браузера

Ставим браузерный движок и запускаем код через командную строку

JavaScript — скриптовый язык, и код на нём предназначен для запуска в браузере. Браузер берёт код, проверяет его на ошибки и, если их нет, выполняет команды в нужной последовательности. А мы видим результат на странице или в консоли браузера. Но бывают случаи, когда нужно выполнить JS-код вне браузера. Например, при создании серверных приложений, написании скриптов для автоматизации задач или тестировании кода.

Такой JS-код называют серверным. Чтобы запустить его, нужно поставить на компьютер отдельный движок и правильно настроить систему. Разбираем, как вообще исполняется JS-код, и покажем несколько способов его запуска без браузера.

Как работает JS-движок

Поскольку JavaScript — скриптовый язык, для запуска программ на нём нужен интерпретатор. Код на JS сначала нужно преобразовать в машинный код, который затем исполнится компьютером. Для этого в браузерах есть встроенный движок JavaScript. Например, V8 в Chrome, SpiderMonkey в Firefox, JavaScriptCore в Safari, Hermes в React Native и так далее. 

JS-движок работает так:

  1. Читает исходный код и переводит его в специальную структуру данных — абстрактное синтаксическое дерево. Каждая ветвь и лист такого дерева соответствуют элементам кода — операторам, выражениям и переменным. В таком виде компьютеру проще понять и обработать код.
  2. Компилирует код «на лету» — переводит в машинный код часто используемые участки кода, чтобы ускорить их выполнение. Это называется Just-In-Time-компиляцией, то есть компиляцией «точно в нужное время».
  3. После этого скомпилированный машинный код исполняется на уровне процессора.

Хорошая новость в том, что движок, или, точнее, его эмулятор, можно использовать и вне браузера, просто установив его как отдельную программу себе на компьютер. Дальше попробуем сделать именно это. 

⚠️ Какой бы мы ни выбрали способ, запуск кода на JS работает только через какой-то движок: V8 или другой. Без движка запустить код не получится. Во всех случаях, что мы рассмотрим, под капотом происходит одно и то же: мы передаём код на исполнение движку, просто разными способами.

Что нужно для запуска кода без браузера

Самый распространённый способ запустить JavaScript-код вне браузера — использовать Node.js. Это среда выполнения JS, построенная на движке V8 от Google Chrome. Установить его довольно просто:

  1. Заходим на официальный сайт и скачиваем версию для своей ОС.
  2. Запускаем скачанный файл и следуем инструкциям установщика.
  3. Заходим в командную строку или терминал и проверяем версию. Для этого нужно ввести команду node -v. Если всё правильно, мы увидим номер установленной версии.

Как работает JS-движок

Теперь можем приступить к запуску кода.

Пишем и запускаем код прямо в терминале

В Node.js есть интерактивная оболочка REPL (Read-Eval-Print Loop). В ней можно писать и сразу выполнять JS-код.

Чтобы запустить REPL, делаем следующее:

1. Открываем терминал или командную строку на компьютере.

2. Вводим команду node и нажимаем Enter. Появится приглашение >, это значит, что REPL готов.

Как запустить JavaScript-код без браузера

3. Пишем любой JS-код, как в консоли браузера, например console.log(018 == '018')

Запускаем готовый скрипт в командной строке

С помощью Node.js можно запускать файлы со скриптами. Для этого нужно сделать следующее: 

1. Открываем терминал или командную строку и переходим в папку, где находится наш JS-файл. Для этого используем команду cd для перехода к нужной папке (команда одинаковая для всех операционных систем). Например, так:

Как запустить JavaScript-код без браузера

2. Далее пишем команду node и имя файла. Например, node script.js:

В этом примере мы запустили файл random-color.js: внутри лежит функция, которая генерирует случайный цвет в формате HEX. Результат исполнения #5a5acf виден в терминале.

Запускаем скрипт в терминале VS Code

С установленным Node.js можно запустить JS-код напрямую в редакторе кода, например VS Code. Для этого нужно установить дополнительное расширение Code Runner для редактора, а затем с его помощью запустить код в терминале редактора:

1. Заходим в «Расширения» (Extensions), вводим название плагина Code Runner и нажимаем «Установить» (Install):

Запускаем скрипт в терминале VS Code

2. Открываем файл со скриптом, который хотим запустить.

3. Щёлкаем по области кода правой кнопкой мыши и в контекстном меню выбираем Run Code.

Запускаем скрипт в терминале VS Code

Аналогично можно запустить JS-код в других редакторах, используя расширения, например, для редактора Atom — пакет Atom Runner. Самое главное, чтобы на компьютере был установлен движок для JS.

Что ещё

Мы рассмотрели самый распространённый и простой способ запуска JS-кода — через node.js. Но запускать его можно и через другие среды выполнения, например Rhino, Deno, JavaScriptCore. Суть та же: устанавливаете и настраиваете среду выполнения и запускаете JS-код.

Редактор:

Инна Долога

Обложка:

Алексей Сухов

Корректор:

Ирина Михеева

Вёрстка:

Маша Климентьева

Соцсети:

Юлия Зубарева

Фронтенд-разработка — востребованная профессия
На новом курсе «Практикума» о фронтенде вас обучат самым востребованным технологиям: JS и TypeScript, Flexbox и Grid, React, Git, Bash и др. Это то, что нужно работодателям сегодня. Старт — бесплатно.
Попробовать бесплатно
Фронтенд-разработка — востребованная профессия Фронтенд-разработка — востребованная профессия Фронтенд-разработка — востребованная профессия Фронтенд-разработка — востребованная профессия
Получите ИТ-профессию
В «Яндекс Практикуме» можно стать разработчиком, тестировщиком, аналитиком и менеджером цифровых продуктов. Первая часть обучения всегда бесплатная, чтобы попробовать и найти то, что вам по душе. Дальше — программы трудоустройства.
Начать карьеру в ИТ
Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию
Еще по теме
easy