В глобальной переменной dom хранятся не все переменные скрипта

[melogo5]

В глобальной переменной dom хранятся только глобальные переменные, такие как: var и function
Хотелось бы увидеть там и локальные переменные, такие как const и let

Пример кода с функцией и локальной переменной. Переменные name и sayHello в dom объявлены НЕ БУДУТ

const name = 'Gleb'
const sayHello = (anyName) => {
	console.log("Hello world, " + anyName);
}

sayHello(name)

Пример кода с функцией и глобальной переменной const. Переменные name и sayHello в dom БУДУТ объявлены

var name = 'Gleb'
function sayHello(anyName) {
	console.log("Hello world, " + anyName);
}

sayHello(name)

Для проверки ввести в консоли:
document.querySelector("#output__iframe").contentWindow.sayHello
document.querySelector("#output__iframe").contentWindow.name

Я в целом поресерчил этот вопрос:
Ну уровне движка локальные переменные добавляются еще и в globalThis объект, из-за этого мы и имеем к ним доступ. Если получится на на момент выполнения скрипта добавлять их еще и в globalThis, то это заработает

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let#temporal_dead_zone_tdz

[melogo5]

Проверка решения через globalThis область

[melogo5]

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

[kushedow]

Привет, я пошуршал с этой задачей и вот, что я могу сказать.

window не содержит ни в каком виде переменных которые объявлены неглобально. Поэтому единственный реалистичное решение тут – это сделать послескрипт, который приклеивался бы к запускаемому коду и переносил бы объявленные переменные в window.

function exposeVariablesToWindow(variableNames) {

  const scope = this; 

  variableNames.forEach(variableName => {

    if (variableName in scope) {
      try {
        **window[variableName] = scope[variableName];**
      } catch (error) {
        console.error(`Не получилось вытащить "${variableName}" в window`, error);
      }
    } else {
      console.warn(`Не получилось вытащить "${variableName}" в window, не определена в коде`);
    }
  });
}

[kushedow]

Собственно, решение с явным перечислением имен кажется мне сейчас единственно возможным, так как

В JavaScript невозможно надёжно и безопасно получить список всех пользовательских переменных, определённых во всём скрипте, особенно если переменные объявлены с использованием const и let. Это связано с тем, как JavaScript обрабатывает области видимости (scope) и тем, что движок JavaScript может оптимизировать код так, что информация о переменных становится недоступной.

[kushedow]

Решение будет таким:

В settings указываем post_code в котором вручную переносим те переменные, которые пользователь будет использовать в глобальную область, доклеиваем этот посткод к скомилированному JS, в dom появляются переменные.

Способ абсолютно ублюдский, если есть идеи лучше – пишите