Являются ли промисы асинхронными?

Question

[asdasdqwe]

Документация: помисы нужны, чтобы текущий стек не блокировался при ресурсоемких работ

new Promise(() => {
  console.log('много вычислений')
})

console.log('стек')

Результат:
много вычислений,
стек

Вместо обычного console.log('много вычислений') допустим код на 150 тыс строк. Ведь этот код блокирует стек

Всегда думал, что асинхронность - это когда часть кода (асинхронная) попадает в очередь, и выполняется ПОСЛЕ текущего стека

Код внутри промиса выполняется СРАЗУ же, а не после текущего стека

Answer 1

[Александр]

Плохо читали документацию.

new Promise((resolve) => resolve('много вычислений')).then(console.log);
console.log('стек');
// стек
// много вычислений

Ну и асинхронность, это не добавление в конец стека/event loop'а, а одновременное выполнение некоторой логики.

Comments

[asdasdqwe]

Вместо обычного console.log('много вычислений') допустим код на 150 тыс строк. Ведь этот код блокирует стек

Answer 2

[Alexandroppolus]

Вместо обычного console.log('много вычислений') допустим код на 150 тыс строк. Ведь этот код блокирует стек

Такое надо не в промис, а в воркер запихивать.

Либо разбивать на кусочки и эти кусочки последовательно через setTimeout

Answer 3

[Дмитрий Беляев]

new Promise(resolve => {
  // здесь код выполняется синхронно
  resolve();
}).then(() => {
  // здесь уже асинхронно, в ближайшем микротаске после вызова resolve выше
});

Promise.resolve().then(() => {
  // здесь тоже асинхронно, в ближайшем микротаске
});

много вычислений

Это не про асинхронность.
Асинхронность - это про кооперативную многозадачность, то есть промис может только отложить вычисления на потом, но они все равно заблокируют поток, который у JS всего один.
А для "много вычислений" без блокирования основного потока, эти "много вычислений" нужно выносить в отдельный поток. В JS для этого есть воркеры. А вот уже результат от воркера можно ждать асинхронно.

Answer 4

[Владимир]

А если так?

new Promise((resolve) => {
  resolve('много вычислений')
}).then((result) => 
console.log(result)); 
console.log("d");

Или проще

Promise.resolve('много вычислений').then((result) => console.log(result)); 
console.log("d");

Да, промисы попадают в очередь microQueue
https://developer.mozilla.org/en-US/docs/Web/JavaS...
https://developer.mozilla.org/en-US/docs/Web/API/H...

Comments

[asdasdqwe]

Вместо обычного console.log('много вычислений') допустим код на 150 тыс строк. Ведь этот код блокирует стек

[Василий Банников]

asdasdqwe, ну ведь js однопоточный, значит в любом случае где-то будет блокировка.
Если важно чтобы это не блокировалось - запихивай в воркер.
Асинхронность != многопоточность.

[Владимир]

asdasdqwe, Блокирует, а с чего он не должен?
Давайте плясать от задачи, мне кажется вы пытаетесь прикрутить половник вместо педалей.
Промисы не используют чтобы синхронный код выделить в отделльную ветку. Промисы это когда у тебя много асинхронного кода и ты пытаешся его менеджить.
Я вам дал две ссылки, вы пытались их прочитать?