Основы JavaScript: переменные, функции, объекты

1. Переменные в JavaScript

Переменные нужны для хранения данных: текста, чисел, логических значений и других структур.

Лучше всего использовать:

• let — если значение может измениться
• const — если значение не планируется менять

Примеры:

let age = 25;
const name = "Alex";

Почему не var? Это устаревший способ объявления переменных, который может приводить к ошибкам из-за особенностей области видимости.

2. Типы данных, которые встречаются чаще всего

На старте важно знать основные типы:

• string — строки
• number — числа
• boolean — true / false
• null — пустое значение
• undefined — значение не задано
• object — объекты

Пример:

const city = "Moscow";
const score = 100;
const isOnline = true;

3. Функции в JavaScript

Функции — это блоки кода, которые выполняют определённую задачу. Они помогают не повторять код и делать программу более понятной.

Обычная функция:

function greet(name) {
  return "Привет, " + name;
}

Стрелочная функция:

const greet = (name) => {
  return `Привет, ${name}`;
};

Зачем нужны функции:

• переиспользование кода
• разделение логики на понятные части
• упрощение поддержки проекта

4. Объекты в JavaScript

Объекты позволяют хранить данные в формате “ключ-значение”. Это один из самых важных механизмов языка.

Пример объекта:

const user = {
  name: "Anna",
  age: 28,
  isAdmin: false
};

Получение значения:

console.log(user.name); // Anna
console.log(user["age"]); // 28

Объекты используются повсюду:

• данные пользователя
• настройки приложения
• ответы от API
• работа с DOM

5. Как всё связано между собой

Переменные хранят данные, функции обрабатывают их, а объекты помогают структурировать.

Пример:

const user = {
  name: "Ivan",
  age: 30
};

function getUserInfo(person) {
  return `${person.name}, ${person.age} лет`;
}

Что важно запомнить новичку 🚀

• Используйте const по умолчанию, let — когда нужно изменение
• Понимайте разницу между типами данных
• Пишите функции для повторяющихся действий
• Освойте объекты как основу работы с данными в JS

Без понимания этих трёх тем сложно двигаться дальше к DOM, асинхронности, React, Node.js и разработке приложений в целом.

👀 Загляните в подборку каналов про IT — там полезные материалы по JavaScript, frontend, backend и карьерному росту в разработке.

🗣 Подборки каналов
🧠 Каталог ботов и приложений
🗺 Навигация