Когда вы пишете код на JavaScript, вы даете инструкции. Но кто их выполняет? В браузерах Chrome и в среде Node.js эту работу делает движок V8. Он не просто читает ваш код, он компилирует его в машинный код, который процессор может выполнить напрямую. Чтобы делать это быстро, V8 очень эффективно управляет памятью, разделяя ее на две основные области: стек вызовов и кучу.

Представьте, что стек — это аккуратная стопка тарелок, а куча — большой ящик для игрушек. В стопку можно класть тарелки только сверху и забирать тоже только сверху. В ящике же все лежит вперемешку. Примерно так V8 организует данные: простые и временные — в быструю и упорядоченную стопку (стек), а большие и сложные — в более хаотичный, но вместительный ящик (кучу).

Стек вызовов (Call Stack) — это структура данных, которая отслеживает, какая функция выполняется в данный момент. Он работает по принципу LIFO (Last-In, First-Out), то есть «последним пришел — первым ушел». Когда вызывается функция, для нее создается специальный блок в памяти, называемый контекстом выполнения, и помещается на вершину стека.

Этот контекст содержит все локальные переменные функции. Важно, что примитивные типы данных — числа, строки, булевы значения — хранятся прямо здесь, в стеке. Они занимают фиксированное количество места, поэтому движку легко выделить для них память. Когда функция завершает свою работу, ее контекст удаляется с вершины стека, а управление передается следующей функции.

Эта строгость и простота делают стек очень быстрым. Однако его размер ограничен. Если вы создадите бесконечную рекурсию, где функция вызывает саму себя без условия выхода, стек переполнится. Новые контексты будут добавляться и добавляться, пока не исчерпают всю выделенную память. Это приведет к ошибке, известной как stack overflow.

В отличие от стека, куча (Memory Heap) — это большая и неструктурированная область памяти. Здесь хранятся все объекты, массивы и функции. Память в куче выделяется динамически, то есть ее размер неизвестен во время компиляции и может меняться в процессе выполнения программы. Управление этой памятью — более сложная задача, и за нее отвечает специальный механизм V8 под названием сборщик мусора (Garbage Collector).

Теперь самое главное: как связаны стек и куча? Когда вы создаете объект, например const user = { name: 'Alice' };, сам объект { name: 'Alice' } помещается в кучу. А в стеке, в переменной user, хранится не сам объект, а только ссылка (или указатель) на его местоположение в куче. Это просто адрес, который говорит: «Эй, ищи мой объект вот по этим координатам в большом ящике с игрушками».

Эта архитектура позволяет эффективно работать с данными. Легковесные ссылки легко копировать и передавать в функции, не перемещая сам тяжелый объект. Понимание этого разделения — ключ к написанию производительного кода. Вы начинаете понимать, почему изменение объекта по одной ссылке видно во всех частях программы, где используется эта ссылка, и почему переполнение стека не связано с размером ваших объектов, а только с глубиной цепочки вызовов функций.

Теперь, когда вы знаете, как V8 организует память, давайте проверим, насколько хорошо вы усвоили материал.

Итак, стек отвечает за порядок выполнения, а куча — за хранение сложных данных. Вместе они создают мощную систему, которая позволяет JavaScript быть одновременно гибким и быстрым.