Загрузка...

Синтаксис JavaScript

Вы уже знаете: инструкция — это полное задание и часто заканчивается точкой с запятой. Теперь заглянем внутрь: синтаксис — правила записи значений и имён, чтобы браузер принял код.

Что такое синтаксис JavaScript и какие части новичок пишет сначала?

Синтаксис — набор правил написания JavaScript, который движок может прочитать. Сначала вы пишете в основном литералы (готовые значения: числа и текст в кавычках), идентификаторы (имена, которые выбираете) и выражения (короткие формулы, дающие значение внутри инструкции). JavaScript чувствителен к регистру: score и Score — разные имена. Открывающая и закрывающая кавычки строки должны совпадать.

Части синтаксиса одним взглядом

📊 Части, с которыми новичок встречается сначала

Часть Пример Что это значит для вас
Литерал 42 или "Hi" Значение, записанное прямо в коде
Кавычки "Hello" или 'Hi' Помечают текст; открытие и закрытие должны совпадать
Идентификатор userName Имя, которое вы придумываете (буквы, цифры, _, $; не с цифры)
Регистр total ≠ Total Те же буквы, другой регистр → разные имена
Выражение 2 + 3 или "A" + "B" Строит значение, которым пользуется инструкция
Инструкция (напоминание) console.log(2 + 3); Полное задание, использующее эти части

Литералы — значения на месте

Литерал — значение, которое вы набираете напрямую. Числам кавычки не нужны. Текст (строка) стоит между одинаковыми одинарными или двойными кавычками.

Числовой и строковый литералы

javascript 
console.log(42);
console.log("Hello");
console.log('Also a string');

Привычки с литералами

  • Числа: пишите цифры (и точку, если нужна дробь)
  • Строки: выберите " или ' и закройте тем же видом
  • Не ставьте кавычки вокруг обычного числа, если вам не нужен именно текст

Идентификаторы — имена, которые вы придумываете

Идентификатор — имя чего‑то в программе. С переменными вы будете использовать их часто. Пока правила написания: начинать с буквы, _ или $; дальше буквы, цифры, _ или $. Без пробелов и дефисов в имени.

Идентификаторы с литералами

javascript 
let city = "Tehran";
let year = 2026;
console.log(city);
console.log(year);

let вводит имя. Справа литералы; city и year — идентификаторы. Глубокие правила объявления — в сессии Variables; здесь важно как пишутся имена.

Чувствительность к регистру

JavaScript считает заглавные буквы значимыми. color и Color — два разных идентификатора. Типичная ошибка: код «выглядит правильно», но такого имени нет.

Те же буквы, разные имена

javascript 
let color = "teal";
console.log(color);
// console.log(Color);  // ошибка, если Color никогда не создавали

Выражения внутри инструкций

Выражение даёт значение. Инструкция — полное задание, которое что‑то делает с этим значением (например, печатает его). Инструкции вы уже пишете; синтаксис называет части внутри.

Выражения в инструкциях

javascript 
console.log(2 + 3);
console.log("Hello" + " " + "world");
console.log(10 * 4);

2 + 3 — выражение (значение 5). console.log(2 + 3); — инструкция, которая его выводит. Операторы вроде + и * будут позже; здесь достаточно видеть, что выражения живут внутри инструкций.

Литералы на странице

Посетители видят значения, когда инструкция обновляет страницу. Строка, которую вы присваиваете, всё ещё литерал — синтаксис и вывод работают вместе.

Строковый литерал обновляет заголовок

html 
<!DOCTYPE html>
<html>
<head>
<title>Syntax — Literal on page</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
document.getElementById("msg").textContent = "Syntax works";
</script>
</body>
</html>

Присваивание заканчивается точкой с запятой. Справа "Syntax works" — строковый литерал. Незакрытые кавычки или опечатка в getElementById ломают синтаксис или поиск имени.

Попробуйте сами

  1. Выведите числовой и строковый литерал; измените оба и запустите снова.
  2. Создайте let label = "OK";, выведите, затем переименуйте идентификатор в обоих местах.
  3. Замените label на Label только в одном месте и убедитесь, что Console ругается; исправьте регистр.
  4. Выведите "Hi" + "!" и 7 - 2; каждое выражение сидит внутри инструкции.
  5. Откройте HTML‑демо; измените строку в кавычках у textContent и обновите страницу.

Частые ошибки

  • Оставить строку без парной закрывающей кавычки
  • Считать, что score и Score — одно имя
  • Начинать идентификатор с цифры (1name) или ставить пробелы в имени
  • Путать с сессией инструкций: порядок и блоки { } были прошлым уроком; здесь фокус на значениях и именах
  • Ждать уже полный урок Variables — let здесь только показывает настоящие идентификаторы

Кратко

  • Синтаксис — правила записи допустимого JavaScript
  • Литералы — значения, написанные напрямую (числа; строки в кавычках)
  • Идентификаторы — имена; написание и регистр важны
  • Выражения строят значения; инструкции их используют
  • Дальше: Comments — заметки для людей, которые движок игнорирует

🧠 Проверьте Свои Знания

Готов к Началу

Проверьте Свои Знания

Бросьте себе вызов с помощью этой интерактивной викторины и узнайте, насколько хорошо вы понимаете тему

❓
6
Вопросы
🎯
70%
Для Прохождения
♾️
∞
Время
🔄
∞
Попытки

📝 Инструкции

  • Внимательно прочитайте каждый вопрос
  • Выберите лучший ответ на каждый вопрос
  • Вы можете пересдавать тест столько раз, сколько захотите
  • Ваш прогресс будет показан вверху
Тема 5 из 7
Javascript Урок