Как получить переменную из XMLHttpRequest?

Question

[anderson_en]

Как вывести переменную code1 за пределы функции? Конкретный пример, если не сложно.
Пробовал с localStorage, но не очень удобно проводить дальнейшие манипуляции.

var xhr1 = new XMLHttpRequest(); 
xhr1.open("GET", `http://localhost:1100/api/motivation/salesData?dt=2021-09-01`);
xhr1.onload = function (e) {
    if (xhr1.readyState == 4 && xhr1.status == 200) {
        var test = xhr1.response;
        var person = JSON.parse(test);
            var code1 = person.saleSum;
            console.log(code1) // выводит
          }
 };
xhr1.send(null);
console.log(code1) //  не выводит

Answer 1

[Rsa97]

const response = await fetch('localhost:1100/api/motivation/salesData?dt=2021-09-01');
const code1 = await response.json();

Изучайте, что такое асинхронность в JS и как с ней бороться.
https://developer.mozilla.org/ru/docs/Learn/JavaSc...
https://developer.mozilla.org/ru/docs/Learn/JavaSc...

Answer 2

[Надим]

Используйте асинхронность и fetch. Например, откройте консоль и вбейте:

result = await (await fetch('http://localhost:1100/api/motivation/salesData?dt=2021-09-01')).json();
code1 = result.saleSum;
console.log(code1); // Выводит

Answer 3

[Lynn «Кофеман»]

Никак
https://ru.stackoverflow.com/q/554290/190728