Объекты JavaScript: от литералов до классов

Расширенные примеры работы с объектами, включая копирование, заморозку, итерацию и современные синтаксические возможности.

Глубокое копирование объекта

const original = {
  name: 'Мария',
  address: { city: 'Москва', zip: 101000 }
};

// Неглубокое копирование (поверхностное)
const shallowCopy = { ...original };
shallowCopy.address.city = 'Санкт-Петербург';
console.log(original.address.city); // Санкт-Петербург (изменено!)

// Глубокое копирование через JSON
const deepCopy = JSON.parse(JSON.stringify(original));
deepCopy.address.city = 'Казань';
console.log(original.address.city); // Москва (не изменилось)

original.address.city: Санкт-Петербург (после shallowCopy)
original.address.city: Москва (после deepCopy)

JSON.stringify/JSON.parse подходит для простых объектов без функций, Symbol, undefined. Для более сложных случаев используются библиотеки (lodash.cloneDeep).

Заморозка объекта (Object.freeze)

const frozenObj = Object.freeze({ prop: 1 });
frozenObj.prop = 2; // игнорируется в нестрогом, ошибка в строгом
console.log(frozenObj.prop); // 1

frozenObj.prop: 1

Object.freeze делает объект полностью неизменяемым: нельзя добавлять, удалять или изменять свойства. Только поверхностно.

Запечатывание объекта (Object.seal)

const sealedObj = Object.seal({ x: 10 });
sealedObj.y = 20; // не добавится
sealedObj.x = 30; // можно изменить
delete sealedObj.x; // нельзя удалить (false)

sealedObj.y: undefined
sealedObj.x: 30

Object.seal предотвращает добавление и удаление свойств, но изменение существующих разрешено.

Предотвращение расширения (Object.preventExtensions)

const extObj = { a: 1 };
Object.preventExtensions(extObj);
extObj.b = 2; // не добавится
extObj.a = 10; // можно изменять
console.log(extObj); // { a: 10 }

{ a: 10 }

Object.preventExtensions запрещает добавление новых свойств, но удаление и изменение существующих возможны.

Итерация по собственным свойствам

const person = { name: 'Ольга', age: 28 };
// for...in (включает унаследованные)
for (let key in person) {
  if (person.hasOwnProperty(key)) console.log(key, person[key]);
}
// Object.keys (только собственные перечисляемые)
Object.keys(person).forEach(k => console.log(k, person[k]));
// Object.entries (возвращает массив [key, value])
for (const [k, v] of Object.entries(person)) {
  console.log(k, v);
}

name Ольга
age 28
name Ольга
age 28
name Ольга
age 28

Для итерации без унаследованных свойств рекомендуется использовать Object.keys, Object.values или Object.entries.

Приватные поля в классах

class BankAccount {
  #balance = 0;
  constructor(owner) {
    this.owner = owner;
  }
  deposit(amount) {
    this.#balance += amount;
  }
  getBalance() {
    return this.#balance;
  }
}
const account = new BankAccount('Иван');
account.deposit(1000);
console.log(account.getBalance()); // 1000
console.log(account.#balance); // SyntaxError

1000
Uncaught SyntaxError: Private field '#balance' must be declared in an enclosing class

Приватные поля (с #) обеспечивают инкапсуляцию и недоступны снаружи класса.

Геттеры и сеттеры

class Circle {
  constructor(radius) {
    this._radius = radius;
  }
  get area() {
    return Math.PI * this._radius ** 2;
  }
  set radius(value) {
    if (value < 0) throw new Error('Радиус не может быть отрицательным');
    this._radius = value;
  }
  get radius() {
    return this._radius;
  }
}
const c = new Circle(5);
console.log(c.area); // 78.5398...
c.radius = 10;
console.log(c.area); // 314.159...

78.53981633974483
314.1592653589793

Геттеры и сеттеры позволяют управлять доступом к свойствам, выполняя дополнительную логику при чтении/записи.

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

const user = { name: 'Елена', age: 32, country: 'RU' };
const { name, age, ...rest } = user;
console.log(name); // Елена
console.log(rest); // { country: 'RU' }

// Вложенная деструктуризация
const data = { person: { firstName: 'Петр', lastName: 'Иванов' } };
const { person: { firstName } } = data;
console.log(firstName); // Петр

Елена
{ country: 'RU' }
Петр

Деструктуризация упрощает извлечение значений из объекта и может применяться для параметров функций.