Почему асинхронная функция блокирует выполнение остального когда?

Question

[kokapuk]

doSome();

async function doSome(){
    console.log('1')
    await fyn();
    console.log('2')
}

function fyn(){
    sleep(1000)
}

function sleep(milliseconds) {
    const date = Date.now();
    let currentDate = null;
    do {
      currentDate = Date.now();
    } while (currentDate - date < milliseconds);
}

Я ожидал вывести консоль моментально 1 и 2, потому что именно так это работало в c#, но этот процесс зависает на момент работы fyn, при этом интерфейс перестает отвечать.

Comments

[Роман]

наверно потому что она не асинхронная? )

[kokapuk]

Роман, а как сделать ее такой?

[Роман]

kokapuk, с циклом while внутри никак (разве что засунуть его в воркер)

[Роман]

kokapuk, у вас блокирует именно цикл while

[Роман]

сделайте так:

doSome();

async function doSome(){
    console.log('1')
    await fyn();
    console.log('2')
}

async function fyn(){
    return await sleep(1000)
}

async function sleep(milliseconds) {
  const promise = new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('foo');
    }, milliseconds);
  });
  return promise;
}

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

Вообще-то для этого setTimeout придумали

[Роман]

Я ожидал вывести консоль моментально 1 и 2, потому что именно так это работало в c#, но этот процесс зависает на момент работы fyn, при этом интерфейс перестает отвечать.

ну или так

async function doSome(){
    console.log('1')
    await fyn(); // не ждем когда отработает fyn(); а идем дальше
    console.log('2')
}
// остальной код из предыдущего примера

[Роман]

или даже так

function doSome(){
    console.log('1')
    setTimeout(()=>{
        // код в этой скобочной группе сработает примерно через секунду
        // при этом выполнение кода не блокируется на время ожидания
    }, 1000);
    console.log('2')
}

[cython]

Во-первых, как подметили выше, у вас не асинхронная функция.
Во-вторых, вы вызываете функцию с await, следовательно выполнение функции не продолжится, пока не будет завершён промис. Если вы хотите, чтоб 1 и 2 сразу выводились - уберите вызов await:

doSome();

async function doSome(){
    console.log('1')
    fyn();
    console.log('2')
}

async function fyn(){
    return sleep(1000);
}

async function sleep(milliseconds) {
    return new Promise((resolve) => setTimeout(() => resolve(), milliseconds));
}

Answer 1

[Karpion]

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

Попробуйте так:

async function fyn(){
	sleep(1000)
}

Или попробуйте после doSome(); сделать console.log('3')

Comments

[kokapuk]

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

А разве многопоточность и асинхронность это не разные вещи?