Почему не работает асинхроннность?

Question

[Губернатор]

Есть класс тест:

class Test {
	caller() {
		this.asyncMethod();
		console.log(`hello from caller`);
	}

	async asyncMethod() {
		console.log(`hello from asyncMethod`);
	}
}

в классе есть метод caller, который вызывает асинхронный метод asyncMethod.

Для вызова я создаю экземпляр, и вызываю caller. Так: new Test().caller();
Я предполагал что функция asyncMethod будет отложена на потом, но она срабатывает сразу и только потом дорабатывает метод caller.
Результат:
Заметьте, я не пишу await
Так же пробовал оборачивать в Promise, но результат тот же.

Что я делаю не так?

Comments

[WapSter]

А почему она не должна выполнятся сразу?

[Губернатор]

WapSter, Я ожидал что async метод кладет callback функцию в цилк событий (event loop), и продолжает выполнять свои действия. А когда основной поток освободится, он достанет ранее отложенный callback и выполнит его.
Но теперь мне говорят что так не работает, и я не понял для чего тогда вообще нужно возвращать Promise.

Answer 1

[Rsa97]

Функция срабатывает не "потом". Она срабатывает сразу же, но, поскольку в ней самой ничего асинхронного нет, она просто возвращает уже зарезолвленный Promise.
Реально асинхронно, в отдельных служебных потоках, работают только некоторые встроенные функции JS - XMLHttpRequest, fetch, setTimeout, setInterval.

Answer 2

[kfedechkin]

Когда ты добавляешь async ты говоришь что твой метод будет возвращать Promise

class Test {
  caller() {
    console.log(this.asyncMethod());
    console.log(`hello from caller`);
  }

  async asyncMethod() {
  }
}

Что бы сделать console.log() в asyncMethod, нужно либо обернуть его в setTimeout, либо вызывать после какого либо запроса

async asyncMethod() {
    return await fetch(...).then(() => console.log(`hello from asyncMethod`))
  }

asyncMethod() {
     setTimeout(() => {
        console.log(`hello from asyncMethod`)
    })
  }

Answer 3

[GrayHorse]

async asyncMethod() {
  // следующее добавит в очередь микро-тасков:
  await null; // или
  await Promise.resolve();
  // а это добавит в очередь тасков:
  await new Promise(resolve => setTimeout(resolve)); 
  // лучше используй setImmediate, он многократно быстрее отработает (без задержки в 4 мс)

  console.log("hello from asyncMethod");
}

Код "асинхронной" (с модификатором async) функции или коллбека конструтора Promise выполняется синхронно до первого await.

Если не используешь await, не используй async.
Иначе просто бесполезный промис создаешь.