Почему не выполняется код после await?

Question

[tyoma_koder]

В данном случае то что после await не отработает
https://jsfiddle.net/morskaya_ulitochka/eyu3twkb/11/
Но если anim заменить на код ниже, то код после await нормально отрабатывает, в чём дело?

function f2(ms) {
		return new Promise(resolve => setTimeout(resolve, 1000));
	}

Comments

[WapSter]

https://jsfiddle.net/corvxkym/7/
Вопрос зачем данную анимацию делать с помощью js? Ну а если js, зачем тут обещание?

[tyoma_koder]

у меня на самом деле не css анимация а SVG, эту вставил чтоб не отвлекали детали анимации, можете объяснить почему надо отдельно вызывать resolve(), ведь он и так выполняется на каждом фрейме

Answer 1

[Даниил Попов]

Вы в своем коде промис не резолвите. Вот он и ждет. У промисов нет автозавершения.

Но если вам нужен эффект после css анимаций используйте события transitionend или animationend

Comments

[tyoma_koder]

у меня на самом деле не css анимация а SVG, эту вставил чтоб не отвлекали детали анимации, что значит резолвить промис? У меня же там есть resolve и от выполняется

[Даниил Попов]

tyoma_koder, в коде, который вы скинули нет. Возможно вы уже обновили, но тогда обновите и ссылку

[Даниил Попов]

tyoma_koder, насколько я помню, svg прекрасно работает с css transition

[tyoma_koder]

Даниил Попов, но ведь код между {} у resolve отрабатывает

[Даниил Попов]

tyoma_koder, да, но при это промис ждет resolve или reject, что понимать, что действие окончено и результат можно передавать следующему обработчику.
Для проверки добавьте resolve() в конце блока и посмотрите, что будет

[WbICHA]

tyoma_koder, и что, что отрабатывает? Где связь? А если бы ты хотел резолвнуть в калбеке? Код синхронно отработает и что, он дожен сразу воид возвращать?

[Kovalsky]

tyoma_koder, функция resolve сигнализирует о том что Promise выполнен. Если вы не выполните resolve, то промис соответственно никогда не выполнится, а await anim(1000, draw) никогда не дождётся ответа

[Алексей Дубровин]

Промисы обязательно в результате работы должны возвращать статус. Выполнился ли он успешно или нет. Код это не человек он не понимает когда вы в коде "очевидно выполнили и закончили операцию".