JavaScript необходим для создания интерактивных и динамичных веб-сайтов. Это руководство рассматривает два способа выполнения кода JavaScript: непосредственно в браузере Chrome с помощью инструментов разработчика и с помощью Node.js для серверного или автономного подхода.
Содержание
Запуск JavaScript в Chrome DevTools
Этот метод идеально подходит для быстрого тестирования и отладки фрагментов JavaScript в контексте веб-страницы. Дополнительные установки не требуются.
1. Создание файла JavaScript:
Используйте текстовый редактор (Блокнот, TextEdit, VS Code и т.д.) для создания файла (например, myScript.js) с вашим кодом JavaScript:
console.log("Hello from myScript.js!");
let message = "This is a variable.";
console.log(message);
2. Открыть Chrome DevTools:
Откройте Chrome, перейдите на любую веб-страницу, щелкните правой кнопкой мыши и выберите «Проверить» или «Проверить элемент» (или нажмите F12). Нажмите вкладку «Консоль».
3. Запуск кода (Способ 1: прямой ввод):
Введите JavaScript непосредственно в консоль и нажмите Enter для его выполнения. Это лучше всего подходит для небольших фрагментов.
4. Запуск кода (Способ 2: использование HTML-файла):
Это лучше подходит для больших скриптов. Создайте HTML-файл (например, index.html):
<!DOCTYPE html>
<html>
<head>
<title>Мой тест JavaScript</title>
</head>
<body>
<script src="myScript.js"></script>
</body>
</html>
Откройте index.html в Chrome. Консоль покажет вывод из myScript.js.
Запуск JavaScript с помощью Node.js
Node.js позволяет запускать JavaScript вне веб-браузера, что идеально подходит для серверных скриптов, инструментов командной строки и т.д. Хотя он не работает непосредственно *в* Chrome, он имеет решающее значение для разработки JavaScript, который может использоваться в расширениях Chrome или веб-приложениях.
1. Установка Node.js:
Загрузите и установите Node.js с сайта nodejs.org. Это также устанавливает npm (Node Package Manager).
2. Создание файла JavaScript:
Создайте файл myScript.js, как описано выше.
3. Запуск из командной строки:
Откройте терминал, перейдите в каталог, содержащий myScript.js, и запустите:
node myScript.js
Вывод появится в вашем терминале. Node.js выполняет JavaScript непосредственно на вашем компьютере, а не в браузере Chrome.