Как в обработчике изменить переменную в одном скоупе и использовать её результат в другом скоупе?

Question

[kirillleogky]

Есть код:

window.onclick = async (event) => {
  let forecast;
  let location;
  if (event.target === document.querySelector('.navigation_menu_block-image_btn')) {
    if (document.querySelector('.search_menu_block-input').value > 2) {
      setImg(forecast, location);
    } else {
      setImg();
    }
  }
  if (event.target === document.querySelector('.search_menu_block-submit')) {
    const areaSearch = document.querySelector('.search_menu_block-input').value;
    const currForecast = await getForecast(useGeocod(areaSearch));
    forecast = await currForecast;
    location = await useGeocod(areaSearch);
  }
};

Мне нужно вызвать функцию с аргументами forecast и location в том случае если if (document.querySelector('.search_menu_block-input').value > 2)
Добавление значения происходит в другом скоупе:

if (event.target === document.querySelector('.search_menu_block-submit')) {

    forecast = await currForecast;
    location = await useGeocod(areaSearch);
  }

Как мне сделать чтобы значения устанавливаемые в скоупе if (event.target === document.querySelector('.search_menu_block-submit')) учитывались при вызове этой функции? :

if (document.querySelector('.search_menu_block-input').value > 2) {
      setImg(forecast, location);
    }

Answer 1

[Aetae]

Что?
Всё выполняется по порядку. Наверное вам нужно поменять местами верхние if блоки?

Comments

[kirillleogky]

Aetae Если в этом блоке:

if (event.target === document.querySelector('.navigation_menu_block-image_btn')) {
    if (document.querySelector('.search_menu_block-input').value > 2) {
      setImg(forecast, location);
    } else {
      setImg();
    }
  }

вызывать setImg(forecast, location) то аргументы будут undefined
мне надо чтобы после того как их значения будут записаны тут:

forecast = await currForecast;
location = await useGeocod(areaSearch);

можно было бы использовать значение в вызове функции

А сейчас всегда forecast и location undefined

[Aetae]

А, кажется дошло.
Очевидно что скоуп на то и скоуп, что он локален. Вам в любом случае нужно использовать более высокий скоуп, который будет пошарен для всех вызовов.
Положите перед onclick, за пределы функции:

let forecast;
let location;
indow.onclick = async (event) => {
  // ...
}

Либо используйте замыкание:

indow.onclick = ((forecast, location) => async () => {
    // ...
})();

Ещё можно потрюкачить, назначив forecast и location свойствами функции:

indow.onclick = async function someFunction(event) {
  // ...
  setImg(someFunction.forecast, someFunction.location);
  // ...
  someFunction.forecast = ...
  someFunction.location = ...
  // ...
}

[kirillleogky]

Aetae, спасибо большое
затупил
просто выше закинуть в скуоп и все гут
ещё раз спасибо