Promis нужно чтобы код функции ждал пока сработает setTimeout и дальше не шел?

Question

[Balera]

вот код нужно чтобы
не лезь выходило только после функции выше

function httpGet(url) {
			return new Promise(function (resolve, reject) {
				var xhr = new XMLHttpRequest();
				xhr.open('GET', url, true);
				xhr.onload = function () {
					if (this.status == 200) {
						resolve(this.response);
					} else {
						var error = new Error(this.statusText);
						error.code = this.status;
						reject(error);
					}
				};
				xhr.onerror = function () {
					reject(new Error("Network Error"));
				};
				xhr.send();
			});
		}
		httpGet("/article/promise/user.json")
			.then(
				response => console.log(`Fulfilled: ${response}`),
				error => console.log(`Rejected: ${error}`)
			);
		console.log('не лезь');

не лезь печатается 1 а должно быть последним

Comments

[Сергей delphinpro]

Как насчет того, чтобы отформатировать свой код и нажать кнопочку

?

[Balera]

все, готово

Answer 1

[kova1ev]

Промис выполняется асинхронно, то есть не блокирует поток выполнения программы, он для этого и нужен. Интерпретатор начинает выполнять промис и одновременно продолжает выполнять главный поток программы, то есть в данном случае выводит в консоль "не лезь". Весь код, который должен выполняться только после выполнения промиса придется запихать в колбэк промиса. Как вариант, использовать async await чтобы было более читаемо.

Comments

[Balera]

спасибо чувак все работает async await все работает синхронно как и мне надо было от души чисто

Answer 2

[Алексей П]

await httpGet("/article/promise/user.json").then(...)
console.log('не лезь');

https://medium.com/front-stories/%D0%BA%D0%B0%D0%B...

Comments

[kova1ev]

думаю, стоит приготовиться к вопросу автора "Почему оно не работает?"

[Balera]

kova1ev, так и есть код все равно проскакивает дальше

[Balera]

var script = document.createElement('SCRIPT');
 script.src = "https://api.vk.com/method/users.get? 
 user_ids=210700286&fields=bdate&v=5.101&callback=callbackFunc";
 document.getElementsByTagName("head")[0].appendChild(script);
 function callbackFunc(result) {
      alert(result.response[0].first_name)
 }

нужно обернуть в функцию чтобы она возвращала массив данных и ждала ответ с сервера

[Balera]

все вкурил надо сделать 1 большую async функцию и работать в ней с помощью await

[Balera]

kova1ev, оно работает спасибо чел ))))))))))))))))))))))))))))))))))))))))

[Алексей П]

Balera, не за что