Объекты и прототипы

Object.keys(obj), Object.values(obj) и Object.entries(obj) возвращают массивы собственных перечислимых свойств объекта со строковыми ключами. for...in тоже перебирает перечислимые строковые ключи, но ещё проходит по унаследованным из цепочки прототипов, поэтому его защищают через obj.hasOwnProperty(key), чтобы пропустить унаследованные ключи.

Основные способы: литерал объекта {} (самый частый); new Object() (не рекомендуется); Object.create(proto), создающий объект с прототипом proto; функция-конструктор, вызванная через new; и синтаксис class из ES6, который является обёрткой над системой прототипов. Все дают обычные объекты, но различаются тем, как задаётся прототип.

У свойства-аксессора нет хранимого значения; вместо этого get выполняет функцию при чтении, а set — при записи, и доступ идёт обычным синтаксисом вроде obj.lang. Они позволяют вычислять значение при доступе или проверять его при присваивании, выглядя как обычное поле и скрывая логику за точкой. Свойство является либо аксессором, либо свойством-данными, но не обоими.

И Object.assign({}, o), и спред {...o} создают поверхностную копию: они делают новый объект и копируют собственные перечислимые свойства источника на один уровень в глубину. Примитивы копируются по значению, но вложенный объект копируется по ссылке, поэтому оригинал и копия делят этот вложенный объект, и изменение через один виден в другом.

Поверхностная копия дублирует только верхний уровень; вложенные объекты общие по ссылке, поэтому Object.assign и спред оставляют копию и оригинал указывающими на одни внутренние объекты. Глубокая копия рекурсивно дублирует каждый вложенный объект, так что они ничего не делят. structuredClone даёт глубокую копию большинства данных без потери функций и дат, свойственной обходу через JSON.

Собственные ключи выдаются в фиксированном порядке: сначала целочисленные ключи по возрастанию, затем остальные строковые ключи в порядке вставки, затем символьные ключи в порядке вставки. Поэтому {2:'a', 1:'b', x:'c'} перебирается как 1, 2, x. Этот порядок соблюдают Object.keys, for...in, JSON.stringify и spread.

Вычисляемое имя {[expr]: v} вычисляет expr в момент создания и использует результат как ключ, поэтому ключ может быть динамическим. Сокращение {x} — сахар для {x: x}, а {f(){}} определяет метод. Литералы также могут объявлять аксессоры через get name(){} / set name(v){}, создавая дескрипторы getter/setter, а не обычные свойства-данные.

Дескриптор — это запись, описывающая одно свойство. У свойства-данных есть value, writable, enumerable и configurable; у свойства-аксессора value/writable заменяются на get/set. Object.defineProperty создаёт или правит свойство с выбранными атрибутами (по умолчанию false), а Object.getOwnPropertyDescriptor читает их обратно. configurable: false запирает сами атрибуты.

Флаг enumerable в дескрипторе свойства решает, попадёт ли оно в перебор. Object.keys, for...in и JSON.stringify перечисляют только собственные перечислимые строковые ключи; for...in вдобавок поднимается по цепочке прототипов. Object.getOwnPropertyNames возвращает все собственные строковые ключи, включая неперечислимые, но никогда унаследованные. Методы на прототипах class по умолчанию неперечислимы.

Object.freeze лишь переключает дескриптор каждого собственного свойства в writable: false и configurable: false; свойство, хранящее вложенный объект, по-прежнему ссылается на полностью изменяемый объект, поэтому заморозка останавливается на одном уровне. Для глубокой заморозки рекурсируют: замораживают объект, затем обходят его свойства-объекты и замораживают каждое, проверяя уже замороженные, чтобы избежать циклов.

Внутренний метод [[OwnPropertyKeys]] фиксирует порядок: целочисленные индексы по возрастанию, затем строковые ключи в порядке вставки, затем символы в порядке вставки. Object.keys и соседи следуют ему точно. Порядок for...in, однако, оставался неопределённым до ES2020 — движки различались (особенно на целочисленных ключах), поэтому старый код не мог на него полагаться. Символьные ключи исключены из Object.keys, for...in и JSON.stringify.