JavaScript за 5 минут: основы и быстрый старт

Этот обзор знакомит с основами JavaScript: переменными, массивами, объектами, функциями и некоторыми дополнительными возможностями.

Объявление переменных

Для объявления переменных используются ключевые слова const, let и var. const объявляет константу, значение которой после объявления изменить нельзя. let позволяет изменять значение переменной после объявления. var — устаревшее ключевое слово, использование которого следует избегать в пользу let и const.

const холст = 10; // Константа
let лет; // Переменная, значение которой может быть изменено
лет = true;

Типы данных и структуры данных

JavaScript поддерживает различные типы данных: строки, числа, логические значения (true или false), массивы и объекты.

Массивы: Упорядоченные коллекции элементов. Доступ к элементам осуществляется по индексу (начиная с 0). Методы push() добавляют элементы в конец массива, а pop() удаляет последний элемент.

const массив = ["строка", true, 10];
массив.push(20); // Добавление элемента
let удаленныйЭлемент = массив.pop(); // Удаление элемента
console.log(массив.length); // Вывод длины массива

Объекты: Состоят из пар «ключ-значение». Доступ к значениям осуществляется с помощью точечной нотации или квадратных скобок. Методы Object.keys() и Object.values() позволяют получить ключи и значения объекта соответственно.

const объект = { ключ1: 1, ключ2: true };
console.log(объект.ключ1); // Доступ к значению с помощью точечной нотации
console.log(объект["ключ2"]); // Доступ к значению с помощью квадратных скобок
delete объект.ключ1; // Удаление ключа

Важно: Хотя const предотвращает переназначение переменной, содержимое объекта, на который она ссылается, может быть изменено.

const де = { а: 1, b: 2 };
де.а = 3; // Разрешено, изменяем содержимое объекта
//де = {c: 4}; // Ошибка, переназначение переменной const

Условные операторы и функции

Условный оператор if: Выполняет код, только если условие истинно.

if (условие) {
  // Код, который выполнится, если условие истинно
}

Тернарный оператор: Компактная запись условного оператора.

условие ? значение1 : значение2;

Функции: Позволяют группировать код и использовать его повторно. Они могут принимать параметры и возвращать значения. Синтаксис стрелочных функций более компактен.

function функция(a, b) {
  return a + b;
}

const стрелочнаяФункция = (a, b) => a + b; 

Работа с массивами

Методы forEach(), map() и другие позволяют эффективно обрабатывать элементы массивов. forEach() выполняет функцию для каждого элемента, map() создаёт новый массив, применяя функцию к каждому элементу.

const массив = [1, 2, 3];
массив.forEach(элемент => console.log(элемент)); // Выведет 1, 2, 3

const новыйМассив = массив.map(элемент => элемент * 2); // Создает массив [2, 4, 6]

Деструктуризация

Позволяет присваивать значения элементов массива переменным.

const массив = [1, 2];
const [n, m] = массив; // n = 1, m = 2

Асинхронные операции

Для работы с асинхронными операциями, например, получением данных с сервера, используется async/await.

async function получитьДанные() {
  const ответ = await fetch('/данные');
  const вес = await ответ.json();
  return вес;
}

Этот краткий обзор охватывает основные понятия JavaScript. Для более глубокого изучения рекомендуется обратиться к дополнительным ресурсам.