- JavaScript — язык, на котором написаны скрипты веб-страниц: он делает страницу интерактивной.
- С Java его связывает только похожее название: синтаксис, смысл конструкций и применение у языков разные.
- Запустить код можно без установки: в консоли браузера, а вне браузера — в среде выполнения Node.js.
- Стандарт языка называется ECMAScript, новая редакция выходит каждый год.
Содержание10 разделов ▾
JavaScript — язык программирования, на котором написаны скрипты веб-страниц: он делает страницу интерактивной, то есть реагирует на нажатия, обновляет содержимое без перезагрузки и анимирует элементы. Статья для тех, кто знает, что такое браузер, и хочет понять, где и зачем нужен этот язык. Вы разберётесь, чем он отличается от Java, и запустите первый код в консоли браузера и в Node.js.
Определения взяты с MDN, сведения о стандарте — со страницы Ecma International, о Node.js — с официального сайта проекта. Примеры кода запущены в Node.js v22.17.1 8 октября 2026 года, вывод приведён под каждым примером. Данные актуальны на октябрь 2026 года.
Что такое JavaScript
MDN определяет JavaScript как легковесный интерпретируемый язык программирования с функциями первого класса. Чаще всего он встречается как язык сценариев веб-страниц, но его используют и в других программах, например в Node.js. Кроме того, это мультипарадигменный язык с динамической типизацией: на нём можно писать и в императивном, и в функциональном стиле.
HTML, CSS и JavaScript: кто за что отвечает
MDN называет JavaScript третьим слоем стандартных веб-технологий. Первые два слоя — HTML и CSS: каждый отвечает за свою часть страницы.
| Слой | За что отвечает | Пример на кнопке |
|---|---|---|
| HTML | структура и смысл содержимого | сама кнопка и надпись на ней |
| CSS | внешний вид | цвет, шрифт, расстояние между буквами |
| JavaScript | поведение | что происходит при нажатии |
Если убрать JavaScript, страница останется читаемой, но станет статичной. Если убрать CSS, пропадёт оформление, а убрать HTML — значит убрать саму страницу.
Где работает JavaScript
- В браузере. Это основная среда. Скрипт работает с содержимым страницы через DOM — объектную модель документа — и реагирует на действия посетителя: нажатия, ввод в формы, прокрутку.
- На сервере и в программах на компьютере. Node.js, по определению с официального сайта, — асинхронная событийно-управляемая среда выполнения JavaScript, предназначенная для сетевых приложений. Она запускает код вне браузера.
- В других продуктах. MDN упоминает, например, Apache CouchDB.
Перечня «лучших» фреймворков здесь нет намеренно: для знакомства с языком они не нужны.
JavaScript и Java: не одно и то же
Названия похожи, и этим сходство почти исчерпано. MDN предупреждает: JavaScript не следует путать с Java. Обе марки — торговые знаки Oracle, но у языков разные синтаксис, семантика и применение.
| Что сравниваем | JavaScript | Java |
|---|---|---|
| Что это | отдельный язык со стандартом ECMAScript | отдельный язык, не диалект JavaScript |
| Синтаксис и смысл конструкций | свои | другие |
| Обладатель торговой марки | Oracle | Oracle |
Первые строки кода
Весь пример можно сохранить в файл или набрать в консоли по частям. Первая часть считает сумму цен в цикле, вторая делает у имён заглавные буквы, третья показывает, как JavaScript складывает и вычитает числа и строки.
const prices = [120, 80, 45];
let total = 0;
for (const p of prices) { total += p; }
console.log("Итого:", total);
const names = ["анна", "борис"].map(n => n[0].toUpperCase() + n.slice(1));
console.log(names);
console.log(typeof 5, typeof "5", 5 + "5", 5 - "2");Вывод при запуске в Node.js v22.17.1:
Итого: 245
[ 'Анна', 'Борис' ]
number string 55 3Что здесь происходит. const и let создают переменные: const — для значения, которое не меняют, let — для значения, которое меняют, как total. Цикл for...of перебирает цены по одной. Метод map применяет стрелочную функцию n => ... к каждому имени и возвращает новый массив.
Последняя строка показывает особенность языка. Оператор +, если одно из значений строка, склеивает: 5 + "5" даёт строку 55. Оператор - приводит строку к числу: 5 - "2" даёт число 3. Это поведение стоит запомнить, потому что в начале оно удивляет.
Функции пишут и так:
function square(x) { return x * x; }
console.log(square(7));
const sq = x => x * x;
console.log([1, 2, 3].map(sq));49
[ 1, 4, 9 ]Как запустить код
Есть два простых пути.
Консоль браузера. В Chrome её открывает сочетание Ctrl + Shift + J (Windows и Linux) или Cmd + Option + J (Mac); клавиша F12 открывает панель разработчика, на которой вы остановились в прошлый раз. В Firefox веб-консоль открывается сочетанием Ctrl + Shift + K. В других браузерах, в том числе в Яндекс Браузере, сочетание клавиш смотрите в справке браузера.
Node.js. Скачайте среду с официального сайта nodejs.org, сохраните код в файл code.js и запустите командой node code.js в терминале. Специальная среда разработки для этого не нужна: хватит обычного текстового файла.
Версии и стандарт
JavaScript развивается как стандарт ECMAScript. На странице Ecma International на октябрь 2026 года опубликована спецификация ECMA-262 в 17-й редакции от июня 2026 года (ECMAScript 2026). Актуальный рабочий текст ведёт комитет TC39 на сайте tc39.es.
Рубежом принято считать ES2015: MDN называет выпуск 2015 года шестой версией стандарта и отмечает, что дальше редакции выходят каждый год. Поэтому, читая учебник, смотрите на дату: материалы до 2015 года описывают старые версии языка.
Условия и ограничения
- Версия
- ECMAScript 2026 (17-я редакция), Node.js 22 — примеры запущены в Node.js v22.17.1 8 октября 2026 года; в других версиях вывод некоторых конструкций может отличаться.
- Среда
- Браузер или Node.js — объекты
windowиdocumentесть только в браузере, в Node.js их нет; возможности сред различаются. - Браузер
- Старые версии — в устаревших браузерах часть новых возможностей языка не работает.
- Безопасность
- Чужой код в консоль не вставлять — не вставляйте в консоль код, смысл которого вы не понимаете: консоль выполняет его от вашего имени на открытой странице.
- Охват
- Знакомство, не курс — статья объясняет, что такое JavaScript; веб-разработка целиком — отдельная большая тема.
Частые ошибки
- Путать JavaScript с Java и искать для одного руководства по другому.
- Складывать число со строкой и удивляться результату:
5 + "5"— это55, а не10. - Пытаться использовать
documentв Node.js: этого объекта вне браузера нет. - Вставлять в консоль чужой код, не понимая, что он делает.
- Начинать с фреймворков, не освоив переменные, циклы и функции.
Короткий вывод
JavaScript — язык веб-страниц и, благодаря Node.js, не только их. Он подходит тем, кому нужно оживить сайт, и не требует установки для первых шагов: хватит консоли браузера. Если вам нужен язык для расчётов, автоматизации и данных, начните со статьи про Python.




