Запускаем JavaScript

13.01.2020

JavaScript это скриптовый язык, который выполняется в рамках браузера с помощью “движка”. Кроме этого уществует проект под названием NodeJS, который позволяет запускать JavaScript-код, как обычное приложение без ограничений браузера. В статье мы посмотрим как можно запускать JavaScript-сценарии в рамках браузера, так же попробуем запустить наши примеры с помощью NodeJS.

Запуск сценариев в браузере

Как бы это забавно не звучало, но чтобы запустить наш скрипт нам надо создать html файл. Это файл разметки для браузера. Он описывает что должно быть отрисовано в окне бразуера. Пример html файла. index.html

<html>
	<head>
		<script type="text/javascript">
			console.log("Hello World");
		</script>
	</head>
	<body>
	</body>
</html>

Между элементами <script> … </script> располагается наш скрипт. Попробуйте запустить его, в результате должен открыться браузер, в котором вы увидите белое окно. Вы можете спросить, а где находится наш Hello World. Из команды видно, что она вызывается над объектом console. Значит нужно найти эту консоль. В разных браузерах она открывается по разному.

Google Chrome / Chromium

  • Нажмите сочетание клавиш Ctrl+Shift+J (для Windows / Linux) или Cmd+Opt+J (для Mac).
  • В результате откроется DevTools, в нем нужно выбрать вкладку Консоль (Console).

Internet Explorer / Edge

  • Нажмите F12 и вы попадете в Средства разработчика, выбираем вкладку Консоль.

Safari

  • В первую очередь нужно зайти в Preferences (Настройки), выбрать вкладку Advanced, и установите флажок “Show Develop menu in menu bar”.
  • После этого можно воспользоваться сочетанием клавиш Cmd + Opt + C и вы увидите окно Веб-Инспектора с активной вкладкой Console.

Firefox

  • Используйте сочетание клавиш Ctrl+Shift+K (для Windows / Linux) или Cmd+Opt +K (для Mac).

Этого будет достаточно, чтобы выполнить все примеры из статей.

NodeJS

Если браузер, по умолчанию, предустановлен в большинстве популярных операционных систем, то дела с NodeJS, обстоят немного иначе. Самый общий путь установки на компьютер NodeJS заключается в том, чтобы зайти на сайт nodejs.org. Сайт автоматически распознает тип вашей операционной системы и предложить скачать две версии NodeJS: LTS и Current. LTS - это стабильная версия, которая будет поддерживаться на протяжение долгого времени, а Current - это самая последняя со всеми новыми возможностями, но может быть менее устойчивой по сравнению c LTS. Как версию ставить решать вам. После того как вы скачаете установщик NodeJS, запустите его. Он не отличается от обычных инсталляторов в вашей системе.

После этого в вашей системе в терминале должна быть доступна команда node. Создадим наш простейший JavaScript скрипт для NodeJS. Назовем его index.js.

console.log("Hello World");

Чтобы запустить его следует всего лишь выполнить команду node index.js. В результате в консоли вы увидите Hello World.

Repl.it

Существуют и другие способы как можно выполнить JavaScript код, способ которым я часто пользуюсь чтобы проверять небольшие гипотезы заключается в использование веб-приложения repl.it. Как только вы зайдете на сайт, вам предложат зарегистрироваться, если зарегистрируетесь, то получите разные интересные возможности, такие как редактирование кода совместно с другими разработчиками, возможность сохранять файлы. Но если ваша цель такая же как у меня, просто попробовать выполнить свой небольшой отрывок кода, то можно нажать на кнопку “+ new repl”. Откроется диалоговое окно, в котором вы сможете выбрать язык, на котором вы хотите писать код. Выбираем NodeJS либо JavaScript. И вы увидите экран с тремя колонками. В первой располагается дерево файлов, во-второй код конкретного файла, а в третьем размещается стандартный вывод нашего будущего приложения. Скопируйте пример из предыдущего раздела в среднюю колонку и нажмите кнопку “run”. В результате в правой колонке вы увидите наше долгожданное сообщение Hello World.

Надеюсь, вам понравилось. Удачи вам в изучение JavaScript.

#jsbook#javascript

Еженедельная рассылка новостей

async/await в JavaScript

Promises в JavaScript