Основы программирования на JavaScript

Краткое введение в синтаксис и конструкции языка. Все примеры можно скопировать и выполнить в консоли браузера.

Переменные и типы данных

В JavaScript для объявления переменных используются ключевые слова let, const и (устаревшее) var. Рассмотрим пример:

let name = "Алиса";
const age = 25;
var isStudent = true;

console.log(`Имя: ${name}, возраст: ${age}`);

Типы данных: string, number, boolean, null, undefined, symbol, bigint, а также объекты.

Функции

Функции можно объявлять несколькими способами. Классическое объявление и стрелочная функция:

// Обычная функция
function add(a, b) {
    return a + b;
}

// Стрелочная функция (ES6)
const multiply = (a, b) => a * b;

console.log(add(5, 3));       // 8
console.log(multiply(4, 2));   // 8

Параметры по умолчанию

Можно задавать значения по умолчанию для аргументов:

function greet(name = "Гость") {
    return `Привет, ${name}!`;
}

console.log(greet());           // Привет, Гость!
console.log(greet("Дима"));    // Привет, Дима!

Массивы и циклы

Работа с массивами и классический цикл for:

const fruits = ["яблоко", "банан", "апельсин"];

for (let i = 0; i < fruits.length; i++) {
    console.log(`Фрукт ${i}: ${fruits[i]}`);
}

// Современный метод forEach
fruits.forEach((item, index) => {
    console.log(`${index}: ${item}`);
});

Работа с DOM (пример)

Небольшой скрипт для взаимодействия с веб-страницей:

// Найти элемент по ID и изменить текст
const title = document.getElementById('main-title');
if (title) {
    title.textContent = 'Новый заголовок';
}

// Добавить обработчик клика на кнопку
const btn = document.querySelector('.btn');
btn?.addEventListener('click', () => {
    alert('Кнопка нажата!');
});

---

Заключение

Это лишь малая часть возможностей языка. JavaScript активно развивается, и современные стандарты (ES6 и далее) делают код более чистым и удобным. Рекомендуем изучить такие темы, как промисы, async/await, модули и классы.