JavaScript ES6+
Стрелочные функции и деструктуризация
Современный JavaScript отличается от кода пятилетней давности.
Стрелочные функции:
// Было
function sum(a, b) {
return a + b;
}
// Стало
const sum = (a, b) => a + b;
Преимущества:
- Короткий синтаксис
- Сохраняют контекст this
- Идеальны для колбэков
Деструктуризация объектов:
const user = { name: ‘Анна’, age: 25, city: ‘Москва’ };
// Вместо
const name = user.name;
const age = user.age;
// Пишите
const { name, age } = user;
Деструктуризация массивов:
const [first, second] = [1, 2, 3];
// first = 1, second = 2
Spread оператор:
const arr1 = [1, 2];
const arr2 = […arr1, 3, 4]; // [1, 2, 3, 4]
const obj1 = { a: 1 };
const obj2 = { …obj1, b: 2 };
Практика:
Перепишите старый код с использованием стрелочных функций и деструктуризации.
Важно:
Не используйте стрелочные функции для методов объекта — потеряете контекст this.
