Записать в переменную данные после fetch?

Question

[STINGRAY_DEVELOP]

Ребята. помогите разобраться, пожалуйста.
Мне нужно сделать один раз аякс запрос и этими данными потом оперировать сколько душе угодно.
Как мне записать их в переменную? Пытался сделать как ниже, но консоль выводит undefined.

let result;
function loadJson() {
    fetch('service.json')
    .then(response => response.json())
    .then(answer => {
        result = answer.services;
    });
};

loadJson();

console.log(result);

Answer 1

[Stockholm Syndrome]

fetch('service.json')
    .then(response => response.json())
    .then(answer => {
        const result = answer.services;
        // оперируйте данными здесь сколько душе угодно
    });

Comments

[STINGRAY_DEVELOP]

Так тоже самое. Внутри функции или внутри fetch я могу эту переменную вывести в консоль. А как мне ее прокинуть наружу функции, чтобы использовать в других частях кода?

[Stockholm Syndrome]

OWIII, никак, потому что она асинхронная, код не ждёт выполнение этой функции и идёт дальше

вы можете воспользоваться асинхронной функцией

async fetchData() {
  const res = await fetch('service.json');
  const answer = await res.json(); 
  // ...
}

[STINGRAY_DEVELOP]

Stockholm Syndrome, так теперь все асинхронно, а как наружу то ее прокинуть? Все равно ничего не получается (

[Stockholm Syndrome]

OWIII, оно и так ВСЁ АСИНХРОННО, просто в этом случае вы пишете асинхронный код как синхронный

приведите пример куска кода, в который вам нужно прокинуть данные

[STINGRAY_DEVELOP]

Stockholm Syndrome,

const result;

function loadJson() {
    fetch('service.json')
    .then(response => response.json())
    .then(answer => {
        result = answer.services;
    });
};

loadJson();

console.log(result);

Все тоже самое, мне просто нужен доступ из глобальной области видимости к этой переменной в которую пришли данные.
Помогите пожалуйста. Если в консоль вывести смогу, значит смогу и везде дальше использовать в других функциях.
Я понимаю, что код идет дальше и поэтому выводит undefined. А как его тормознуть и все же получить глобальную переменную с этими данными?

[Aetae]

А как его тормознуть

Никак.
Остановив основной поток вы бы остановили весь сайт. Вообще.
Благо в современном js осталось не так много способов действительно это сделать.

Заверните весь код в асинхронную функцию и не смотрите на первую и последнюю строчку в файле, если вам доставляет такую боль работа с асинхронными вещами.

Answer 2

[Сергей Соколов]

В глобальном коде так не получится сделать, т.к. он выполняется паровозом и никого не ждёт.
Тот же async / await сахар применим только к функциям.
А fetch() надо ждать.

Поэтому «всё, что душе угодно» засуньте в функцию. И вызывайте её по готовности ответа.