Браузер и фронтенд-рантайм
Hidden classes, деревья переходов и расположение в памяти
Два объекта имеют одинаковые свойства. Один создан через {x:1, y:2}, другой через {y:2, x:1}. Для вашего кода они выглядят идентично. Для V8 это разные формы — и какой из них попадёт в горячую функцию первым, решит, будет ли эта функция работать быстро или медленно.
Что такое hidden class
JavaScript-объекты динамические — свойства можно добавлять, удалять, переупорядочивать — но V8 внутренне представляет каждый объект как указатель на hidden class (называемый «Map» в исходниках V8, «Shape» в SpiderMonkey) плюс последовательность слотов свойств. Два объекта с одинаковыми именами свойств, добавленными в одинаковом порядке, разделяют один hidden class.
При добавлении свойства к существующему объекту V8 переходит к новому hidden class по «дереву переходов». Добавление «x» затем «y» ведёт к одному классу; добавление «y» затем «x» — к другому, хотя оба объекта имеют одинаковое логическое содержимое. Inline cache ключуется по указателю hidden class. Стабильные hidden classes — фундамент производительности V8.
Правила:
- Конструируйте объекты со всеми свойствами заранее (в конструкторах или фабричных функциях).
- Избегайте
deleteна свойствах объекта — он вынуждает переход в dictionary mode с постоянным замедлением.
- Слоты in-object (по умолчанию)
- ~8 слотов
- Out-of-object: дополнительное разыменование
- +1 загрузка памяти
- Порог dictionary mode (~удалений)
- ~32+ свойства или много delete
- Диапазон Smi (64-бит)
- ±2³¹
- Стоимость Smi-арифметики
- 1 инструкция CPU, без аллокации
- Стоимость HeapNumber
- 1 аллокация в куче + разыменование
Дерево переходов
const p = {}; p.x = 1; p.y = 2;
// Путь HC: HC_empty → HC_x → HC_x+y
const q = {}; q.x = 1; q.y = 2;
// Тот же путь — q заканчивается в том же HC, что p. ✓ monomorphic
const r = {}; r.y = 2; r.x = 1;
// Путь HC: HC_empty → HC_y → HC_y+x
// Другой лист — другой HC от p и q. ✗ polymorphic на общем call siteДерево переходов разделяется всеми объектами в V8 isolate. Патологический код, добавляющий свойства в динамическом порядке (JSON-парсеры, записывающие свойства в произвольном порядке входных данных, генерируемый код), создаёт много листовых узлов — одна форма никогда не повторяется, IC постоянно polymorphic или megamorphic.
In-object vs out-of-object свойства
V8 хранит первые ~8 свойств объекта встроенно в блок памяти объекта. Последующие свойства идут во внешний PropertyArray, на который ссылается объект. Доступ к in-object свойствам — одна загрузка памяти; out-of-object добавляет одно разыменование указателя.
Количество in-object слотов фиксируется при создании hidden class. Для производительно-критичных объектов объявляйте наиболее используемые свойства первыми в конструкторе, чтобы они попали in-object.
Dictionary mode: объекты с слишком большим количеством свойств (~32+) или с многочисленными удалениями переходят в HashMap-представление, где каждый доступ проходит через медленный общий путь. После перехода в dictionary mode объект навсегда медленный — %HasFastProperties(obj) в d8 возвращает false.
Виды элементов массивов (Array element kinds)
V8 отслеживает «вид» каждого массива на основе того, что в нём хранится. Переходы односторонние — раз перешёл к более широкому виду, вернуться нельзя:
| Вид | Содержимое | Скорость |
|---|---|---|
PACKED_SMI_ELEMENTS | только smi-целые, без пробелов | самая быстрая |
PACKED_DOUBLE_ELEMENTS | только double, без пробелов | быстрая |
PACKED_ELEMENTS | смешанные типы или объекты | нормальная |
HOLEY_* варианты | разреженный массив (есть пробелы) | добавляет проверку на «дыру» при каждом доступе |
new Array(1000) создаёт HOLEY-массив с самого начала. Array.from({length:1000}, () => 0) создаёт PACKED-массив. Тот же логический результат, в 2–3 раза разная скорость доступа.
Чтобы держать массив PACKED_SMI: предварительно выделяйте через [], добавляйте через push, никогда не присваивайте по индексам выше текущей длины. Диагностика: %DebugPrint(arr) в d8 показывает kind.
String internalization и сравнение
V8 поддерживает внутренний пул для маленьких строковых литералов и имён свойств. Две интернированные строки сравниваются как равенство указателей (1 цикл), а не побайтово. Доступ к свойству всегда интернирует ключ. Конкатенация ('a' + 'b') создаёт ConsString — дерево без копирования. Подстрока создаёт SlicedString, удерживающий ссылку на родителя. Это даёт O(1) подстроку/конкатенацию, но родительская строка живёт в куче пока существует хоть один slice. str.slice() + '' или явное копирование разрывает ссылку, освобождая родителя. Для строко-интенсивных нагрузок (парсеры, шаблонизаторы) знание этого паттерна — разница между O(n) и O(n²) в работе с памятью.
Числовая специализация: Smi, HeapNumber, double
V8 хранит малые целые (Smi) встроенно в 64-битный слот указателя с очищенным младшим битом — без аллокации, без косвенности, арифметика за одну инструкцию CPU. Числа вне диапазона Smi (±2³¹ на 64-бит) становятся HeapNumbers — упакованными в аллоцированную в куче ячейку с double внутри. Переход Smi-в-HeapNumber — самый частый триггер deopt TurboFan: скомпилированный цикл предполагает Smi, значение один раз переполняется, каскад deopt. Решение: ограничить диапазон целых или использовать Math.fround / явный Float64Array.
Два объекта: `{x:1, y:2}` и `{y:2, x:1}`. Функция обращается к `.x` на обоих. Какое состояние IC достигает точка доступа?
Упорядочите переходы hidden class для: const o = {}; o.x = 1; o.y = 2; o.z = 3;
- 1 HC_empty (объект создан без свойств)
- 2 HC_x (свойство 'x' добавлено)
- 3 HC_x+y (свойство 'y' добавлено)
- 4 HC_x+y+z (свойство 'z' добавлено)
Почему `new Array(1000)` создаёт более медленный массив, чем `[]` с последующими 1000 push?
Граничные случаи
String internalization: V8 поддерживает внутренний пул для маленьких строковых литералов и имён свойств. Две интернированные строки сравниваются как равенство указателей (1 цикл), а не побайтово. Конкатенация создаёт ConsString — плоское дерево без копирования. Подстрока создаёт SlicedString, удерживающий ссылку на родительскую строку. Это даёт O(1) подстрока/конкатенация, но родительская строка живёт в куче пока существует хоть один slice. Для чувствительного к памяти кода str.slice() + '' или явное копирование разрывает ссылку, освобождая родителя.
- 01Что такое «дерево переходов hidden class» и почему порядок свойств при создании важен?
- 02Что такое 'dictionary mode' и как его вызвать?
- 03Почему переход Smi-в-HeapNumber вызывает deopt в TurboFan?
Каждый объект V8 несёт указатель на hidden class, точно описывающий, какие свойства существуют и по каким смещениям памяти. При добавлении свойства к объекту V8 следует или создаёт ребро перехода в дереве переходов hidden class — путь зависит от порядка добавления, а не от итогового набора свойств. Два объекта с одинаковыми свойствами, добавленными в разном порядке, находятся в разных листовых узлах и выглядят как разные формы для любого inline cache. In-object свойства (первые ~8) стоят одной загрузки памяти; out-of-object — двух. Dictionary mode — вызываемый delete или чрезмерным динамическим добавлением свойств — заменяет расположение с фиксированными смещениями на hashmap и постоянен. Виды элементов массивов следуют одностороннему расширению: PACKED_SMI самый быстрый, HOLEY-варианты требуют проверки на пробел при каждом доступе. Smi-арифметика не требует аллокации; выход за диапазон Smi создаёт HeapNumber и вызывает deopt TurboFan.
встречается в162
- Почему GraphQL получает N+1junior
- Механика DataLoader: батчинг на границе тикаmiddle
- Контракты batch-функции: порядок, формы, ошибкиmiddle
- Federation и lookahead: батчинг за пределами DataLoadermiddle
- Защита сложности запросов: depth, cost, persisted queriesmiddle
- Senior GraphQL API: scheduling-контракт, изоляция арендаторов, наблюдаемостьsenior
- Зачем идемпотентность: безопасные retryjunior
- Серверный state machine: четыре состояния idempotency keymiddle
- Outbox и inbox: effectively-once через dual-write границуmiddle
- Конкурентность и архитектура кеша для идемпотентности на масштабеsenior
- Наблюдаемость, production-инциденты и дизайн для глобального масштабаsenior
- Что такое cache stampede и почему он делает всё хужеjunior
- Лок и single-flight: ограничение параллельных rebuildmiddle
- XFetch: вероятностное раннее истечение без координацииmiddle
- Stale-while-revalidate и CDN request coalescingmiddle
- Детектирование stampede и дизайн TTL для продакшенаmiddle
- Метастабильный сбой, fencing-токены и production-постмортемыsenior
- Что такое отношение: таблицы, строки, ключи и ограниченияjunior
- Ограничения, ключи и типы данных Postgresmiddle
- Нормальные формы, денормализация и почему схемы «прилипают»middle
- JSONB, массивы и когда side table побеждаетmiddle
- Heap-хранилище, TOAST и выравнивание колонокsenior
- Целостность схемы: deferral, версионирование и сбои в продакшнеsenior
- Реляционная модель vs документные, wide-column, граф и key-valuesenior
- Index-only scan, Visibility Map и INCLUDEsenior
- Типичные сбои в продакшне и аудит индексовsenior
- pg_statistic, ANALYZE и производственная наблюдаемостьmiddle
- Производственные режимы отказа и стабильность плановsenior
- MVCC: как Postgres раздаёт согласованные снимкиjunior
- Заголовок tuple и механика снимковmiddle
- HOT-обновления и уровни изоляцииmiddle
- VACUUM, bloat и autovacuummiddle
- CLOG, XID wraparound и MultiXactsenior
- SSI и production-тюнинг autovacuumsenior
- Реальные провалы MVCC, deployment-паттерны и распределённые снимкиsenior
- Connection pool: зачем амортизировать стоимость backend Postgresjunior
- Режимы PgBouncer: session, transaction и statementmiddle
- Размер пула: формула (ядра × 2) + шпинделей и двухуровневый стекmiddle
- Исчерпание пула и idle-in-transaction: сценарий отказа в 3 ночиmiddle
- Миграция на transaction mode: план развёртывания и prepared statements в PgBouncer 1.21middle
- Процессная модель Postgres и почему увеличение max_connections снижает производительностьsenior
- Ландшафт пулеров 2026, serverless connection storms и полная таксономия отказовsenior
- Что такое миграция схемы и почему она заменяет ad-hoc DDLjunior
- ADD COLUMN: мгновенно в PG 11+ против перезаписи в старом Postgresjunior
- Режим отказа очереди блокировок: почему мгновенный DDL может заморозить базуmiddle
- Безопасные DDL-паттерны: NOT VALID, CONCURRENTLY и исправления небезопасных операцийmiddle
- Expand-contract: нулевой простой для ломающих изменений схемыmiddle
- Advisory-блокировки, инструменты миграций и координация деплояsenior
- Таксономия сбоев миграций и дисциплина продакшнаsenior
- Зачем нужно шардирование: потолок одного Postgresjunior
- Выбор ключа шарда: стратегии hash, range, list и directorymiddle
- Партиционирование против шардирования: одно слово, два разных понятияmiddle
- Ко-локация и Citus: инвариант, делающий шардирование пригодным к использованиюmiddle
- Режим отказа hot shard: обнаружение, изоляция и долгосрочная политикаmiddle
- Schema-based шардирование и альтернативы мультиарендностиsenior
- Онлайн-решардинг, 2PC и операционная стоимость шардированияsenior
- Семь актов: от CREATE TABLE до Citusjunior
- Акты 1–3 в глубину: схема, индексы и статистика планировщикаmiddle
- Акты 4–6 в глубину: MVCC bloat, connection pooling и безопасные миграцииmiddle
- Акт 7 в глубину: шардинг, co-location и семиуровневый каскад трейдоффовmiddle
- Наблюдаемость, антипаттерны и производственный триажsenior
- Роли Raft, term и почему majority-кворум предотвращает split brainjunior
- Как Raft реплицирует log entry и решает, что его безопасно коммититьmiddle
- Выборы лидера в Raft: таймауты, правила голосования и четыре свойства безопасностиmiddle
- Raft в реальном мире: partition, медленный диск и клиентская маршрутизацияmiddle
- Расширения Raft: pre-vote, learner, snapshot и линеаризуемые чтенияsenior
- Raft в production: membership change, Multi-Raft и observabilitysenior
- Где происходит data fetching — и почему это решает LCPjunior
- Fetch waterfall''''ы — диагностика и лечение через Promise.allmiddle
- React Server Components и Suspense streamingmiddle
- Клиентский кэш: TanStack Query, SWR и stale-while-revalidatemiddle
- LCP, prefetch и race conditions в интерактивном fetchingmiddle
- Senior internals: RSC payload, слои кэша и production паденияsenior
- Конверт IPjunior
- Читаем IP-заголовокmiddle
- Трёхстороннее рукопожатие TCPjunior
- Номера последовательности и состояние соединенияmiddle
- DNS: что делает и зачем существуетjunior
- Обход резолвера: перенаправления, типы записей и gluemiddle
- TTL, кеширование и распространение DNSmiddle
- Что делает TLS и зачем он нуженjunior
- Рукопожатие за 1 RTT: key share и ECDHEmiddle
- Возобновление сессии и 0-RTTmiddle
- Расписание ключей, SNI, ALPN и расширенияsenior
- Защита 0-RTT, ECH, гибридный PQ и продакшн TLSsenior
- WebSocket: HTTP-апгрейд до постоянного соединенияjunior
- Формат WebSocket-фрейма: opcodes, маскирование, фрагментацияmiddle
- Backpressure в WebSocket: когда клиенты не успеваютmiddle
- Реконнект: jittered backoff, thundering herd, восстановление сообщенийsenior
- WebSocket в масштабе: HTTP/2 мультиплексирование, permessage-deflate, C10Msenior
- WebSocket в production: прокси, безопасность и распределённая архитектураsenior
- Что делают обратные проксиjunior
- Health checks, connection draining и slow startmiddle
- Session affinity, consistent hashing и правильное решениеmiddle
- Retry-бури, circuit breakers и load sheddingsenior
- Устойчивая архитектура LB: anycast, zone-aware маршрутизация и observabilitysenior
- Почему QUIC, а не TCP+TLSjunior
- Connection ID и миграция сетиmiddle
- Возобновление 0-RTT и шифрование пакетовsenior
- DDoS: что это и почему работаетjunior
- Атаки усиления и истощение состоянияmiddle
- Ограничение скорости: алгоритмы и архитектураmiddle
- WAF, межсетевые экраны, mTLS и HSTSmiddle
- Отравление DNS-кэша и BGP-перехватsenior
- Эшелонированная защита и экономика атакsenior
- Двенадцать слоёв: один URL, семь действующих лицjunior
- DNS, TCP, TLS по очереди: куда уходят миллисекундыmiddle
- Перехват прокси и шлюзы безопасности: rate limiter, WAF, mTLSmiddle
- Альтернативные пути: QUIC 0-RTT, WebSocket upgrade, миграция соединенияmiddle
- Наблюдаемость: распределённые трейсы, USE/RED и семплированиеsenior
- Устойчивость: каскадные повторы, circuit breakers и error budgetsenior
- Что такое три сигнала: метрики, логи, трейсыjunior
- Зачем нужны структурные логи: дневник против таблицыjunior
- Схема продакшн-лога: поля, которые несёт каждая строкаmiddle
- PII-редакция и log injectionsenior
- OTel Logs Data Model и audit-логи как подсистемаsenior
- Что такое OpenTelemetry: API, SDK, Collector, OTLPjunior
- Сигналы OTel, Semantic Conventions и проводной формат OTLPmiddle
- Collector OTel: receivers, processors, exporters и паттерны развёртыванияmiddle
- Vendor-нейтральность, eBPF-инструментирование, Operator и OTel в браузере и serverlesssenior
- Эксплуатация OTel Collector: надёжность, version skew, режимы отказа и управлениеsenior
- SLI, SLO и error budget: надёжность в числахjunior
- Error budget policy, latency SLO и составные journeysmiddle
- Продакшн-отказы SLO, самонаблюдаемость, безопасность и общая картинаsenior
- Что такое trace propagation и почему сломанная propagation хуже отсутствия трейсовjunior
- traceparent и tracestate: полный формат W3C-заголовкаmiddle
- Baggage и async-границы: перенос контекста через очереди и callback''''иmiddle
- Async context на разных языках, service mesh, миграция B3 и безопасностьsenior
- Production-сбои propagation, span links и платформенный дизайнsenior
- Debugging-воронка: SLO → RED → trace → profilejunior
- Архитектура OTel: один SDK, четыре сигнала, один wire-форматmiddle
- Петля инцидента: от пейджера до постмортема до предотвращенияmiddle
- Масштаб, безопасность и ROI наблюдаемых системsenior
- Cache lines и false sharing: когда параллелизм замедляет кодmiddle
- SIMD и data layout: AoS vs SoA и разница в 4–8xmiddle
- Cache-oblivious алгоритмы, PGO и production failuressenior
- GC в production: наблюдаемость, безопасность, edge cases и управление флотомsenior
- Batching: амортизируй фиксированную цену каждой операцииjunior
- Окно батчинга: размер и время ожиданияmiddle
- Batching в Kafka и Postgresmiddle
- io_uring и наблюдаемость пакетированияmiddle
- От Nagle до io_uring: эволюция пакетированияmiddle
- Backpressure, изоляция сбоев и безопасность батчей в продакшенеsenior
- CI enforcement и RUM: делаем бюджеты рабочимиmiddle
- V8 JIT-пайплайн, HTTP-приоритеты и безопасность bundlesenior
- Цикл performance: дисциплина, а не проектjunior
- Классификация и исправление: сопоставление family bottleneck с методамиmiddle
- Observability-стек и CI gates: ловить регрессии до выпускаmiddle
- От инцидента к enforcement: SLO burn до верифицированного исправления за 35 минутmiddle
- Культура, экономика и масштаб performancesenior
- At-most-once, at-least-once, exactly-once: три контракта доставкиjunior
- Три ножки сбоя — где реально происходят дубликаты и потериmiddle
- Consumer-side dedup: самый дешёвый путь к exactly-once processingmiddle
- Kafka exactly-once semantics: idempotent producer и транзакцииmiddle
- SQS visibility timeout, DLQ и outbox patternmiddle
- Exactly-once в production: impossibility-доказательство, гибридные паттерны и реальные инцидентыsenior
- Что такое OAuth и почему пароли — не ответjunior
- Authorization code flow с PKCEmiddle
- Валидация ID-токена и управление JWKS-кешемmiddle
- Ротация refresh-токенов и scope-based least privilegemiddle
- Sender-constrained токены: DPoP и mTLSsenior
- OAuth в production: audience атаки, observability и реальные провалыsenior