JavaScript: что это за язык и где он используется
Для начинающих

JavaScript: что это за язык и где он используется

ECMAScript 2026 (17-я редакция), Node.js 22, октябрь 2026Опубликовано 22 ноября 2024Обновлено 8 мая 20267 мин чтения
Трёхъярусная стопка лотков: блоки, цветовые образцы и шестерёнки
Коротко
  • JavaScript — язык, на котором написаны скрипты веб-страниц: он делает страницу интерактивной.
  • С Java его связывает только похожее название: синтаксис, смысл конструкций и применение у языков разные.
  • Запустить код можно без установки: в консоли браузера, а вне браузера — в среде выполнения Node.js.
  • Стандарт языка называется ECMAScript, новая редакция выходит каждый год.
Содержание10 разделов ▾
  1. Что такое JavaScript
  2. HTML, CSS и JavaScript: кто за что отвечает
  3. Где работает JavaScript
  4. JavaScript и Java: не одно и то же
  5. Первые строки кода
  6. Как запустить код
  7. Версии и стандарт
  8. Условия и ограничения
  9. Частые ошибки
  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, но у языков разные синтаксис, семантика и применение.

Что сравниваемJavaScriptJava
Что этоотдельный язык со стандартом ECMAScriptотдельный язык, не диалект JavaScript
Синтаксис и смысл конструкцийсвоидругие
Обладатель торговой маркиOracleOracle

Первые строки кода

Весь пример можно сохранить в файл или набрать в консоли по частям. Первая часть считает сумму цен в цикле, вторая делает у имён заглавные буквы, третья показывает, как JavaScript складывает и вычитает числа и строки.

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. Это поведение стоит запомнить, потому что в начале оно удивляет.

Функции пишут и так:

JavaScript
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.

Источники

  1. MDN: JavaScript↗ developer.mozilla.org
  2. MDN: Что такое JavaScript?↗ developer.mozilla.org
  3. Ecma International: ECMA-262, спецификация языка ECMAScript↗ ecma-international.org
  4. TC39: актуальный текст стандарта ECMAScript↗ tc39.es
  5. Node.js: About↗ nodejs.org
  6. Chrome for Developers: как открыть DevTools↗ developer.chrome.com
  7. Firefox Source Docs: Web Console↗ firefox-source-docs.mozilla.org

Частые вопросы

Что такое JavaScript простыми словами?

JavaScript — язык программирования, который оживляет веб-страницы. HTML задаёт содержимое, CSS — внешний вид, а JavaScript отвечает за поведение: реакцию на нажатие, обновление данных без перезагрузки, анимацию. MDN описывает его как легковесный интерпретируемый язык, который чаще всего применяют для сценариев веб-страниц, но используют и вне браузера, например в Node.js.

Чем JavaScript отличается от Java?

Это два разных языка с похожими названиями. MDN прямо предупреждает, что JavaScript не следует путать с Java: у них разные синтаксис, семантика и применение. Обе марки принадлежат Oracle, но общего кода и общих правил у языков нет. Если вам нужно оживить страницу сайта, вам нужен JavaScript; Java применяют для других задач.

Нужно ли знать HTML и CSS, чтобы учить JavaScript?

Для первых упражнений в консоли не нужно: переменные, циклы и функции работают сами по себе. Но JavaScript чаще всего управляет страницей, которую строят HTML и CSS, поэтому через несколько занятий они понадобятся. MDN называет JavaScript третьим слоем стандартных веб-технологий после HTML и CSS. Начните с кода, а разметку и стили подтяните по мере надобности.

Где посмотреть, как работает JavaScript, если ничего не устанавливать?

В консоли браузера: она есть в любом современном браузере, в том числе в Яндекс Браузере, ставить ничего не нужно. В Chrome консоль открывает сочетание Ctrl + Shift + J (Windows и Linux) или Cmd + Option + J (Mac), в Firefox — Ctrl + Shift + K. В остальных браузерах сочетание клавиш смотрите в справке самого браузера.

Что делать, если на сайте написано, что JavaScript отключён?

Включите выполнение скриптов для этого сайта в настройках браузера. Раздел обычно называется «Сайты» или «Разрешения», но названия меняются от версии к версии, поэтому точный путь ищите в справке браузера, в том числе Яндекс Браузера. Если JavaScript включён, а страница не работает, попробуйте другой браузер или отключите расширения: они иногда блокируют скрипты.

  • #javascript
  • #ecmascript
  • #nodejs
РедакцияМатериал подготовлен по источникам выше · 8 мая 2026