Асинхронность Promise. Как работает?

Question

[lightseeker]

Есть кусок кода

new Promise(() => { console.log(1) });
console.log(2);

Выводит 1, затем 2. Означает ли это, что callback который передается промису, синхронный? И если да, то что тогда это?

try {
  new Promise(() => { console.log(1); throw 'error' });
console.log(2);
} catch(err) { console.log('err'); }

Ошибка не ловится, как будто она асинхронная.

Answer 1

[Alexandroppolus]

колбэк в конструкторе промиса синхронный.
ошибка ловится конструктором промиса, промис получается отмененный.

Comments

[lightseeker]

тоесть как ловится конструктором? второй кусок кода генерирует ошибку
Uncaught (in promise) error
Но если все там работает синхронно, то по идеи этот самый uncought должен быть пойман в try..catch

[Alexandroppolus]

Конструктор промиса запускает колбэк синхронно, внутри try...catch. Соответственно если в колбэке было синхронное throw и улетело в catch, то конструктор перехватывает, но делает промис отмененным. А уже твоя ошибка выскакивает из-за того, что отмененный промис так и не был обработан через метод catch (или второй параметр методв then, что по сути то же самое).

[Роман]

lightseeker, промисы имеют свой собственный механизм отлова и обработки ошибок, поэтому и ловится, а так как вы не задали обработчик методом catch у промиса - ошибка потерялась

вот почитайте https://learn.javascript.ru/promise-error-handling...

ну и простенький пример https://jsfiddle.net/pyfg46j2/

[Роман]

lightseeker, ну и вот еще почитайте Необработанные ошибки

[Роман]

второй кусок кода генерирует ошибку
Uncaught (in promise) error

lightseeker, ну вот ваш пример на jsfiddle и в нем второй кусок кода вообще не генерирует никаких ошибок

https://jsfiddle.net/pyfg46j2/1/

по ссылке https://learn.javascript.ru/promise-error-handling... в конце параграфа как раз описанно почему такая ошибка не обрабатывается и как ее перехватить. Но я процитирую и тут:

window.addEventListener('unhandledrejection', function(event) {
  // объект события имеет два специальных свойства:
  alert(event.promise); // [object Promise] - промис, который сгенерировал ошибку
  alert(event.reason); // Error: Ошибка! - объект ошибки, которая не была обработана
});

new Promise(function() {
  throw new Error("Ошибка!");
}); // нет обработчика ошибок

Это событие является частью стандарта HTML.

Если происходит ошибка, и отсутствует её обработчик, то генерируется событие unhandledrejection, и соответствующий объект event содержит информацию об ошибке.

Обычно такие ошибки неустранимы, поэтому лучше всего – информировать пользователя о проблеме и, возможно, отправить информацию об ошибке на сервер.

В не-браузерных средах, таких как Node.js, есть другие способы отслеживания необработанных ошибок.