Как отрабатывает сборщик мусора в React?

Question

[ikutin666]

1 вариант

export const Test()=>{
      const user="admin";
      return <div>{user}</div>
}

удалит ли сборщик мусора переменную user ? после того как функция отдаст разметку

2 вариант

const user="admin";
export const Test()=>{
      return <div>{user}</div>
}

как в этом случае поступит сборщик? и как лучше организовывать работу в плане оптимизации памяти

Comments

[Вадим]

Я может что-то пропустил, а у реакта есть свой сборщик мусора?

1) Да, удалит. Это просто функция. Тело функции отчищается после её выполнения. P.s. функция не отдаёт разметку. Функция отдаёт объект ReactElement под соусом JSX.
2) Переменная в глобальной области видимости? Там и будет висеть пока страницу не перезагрузите или не закроете вкладку.

Answer 1

[Alexandroppolus]

1. ...
удалит ли сборщик мусора переменную user ? после того как функция отдаст разметку

не сразу.
"разметка" (и примкнувшая к ней строка) будет храниться в дереве VDOM до следующего перерендера Test, чтобы выполнить согласование.

2....
как в этом случае поступит сборщик? и как лучше организовывать работу в плане оптимизации памяти

здесь объект строки постоянный, один и тот же, и не зависит от рендеров. Каждая новая "разметка" будет ссылаться на одну и ту же строку.