Одинаковы ли два кода?

Question

[Александр Косицын]

Есть вот такой код
promise.then(value=>value).then(value=> ...)
и вот так

promise.then(value=>Promise.resolve(value)).then(value=> ...)

Правильно ли я понимаю что если в обработчике для промиса мы возвращаем просто значение вот так (value=> value), то возвращается промис у который автоматически в состоянии resolve? что и делает функция Promise.resolve() - возвращает уже разрешенный промис.

Answer 1

[youngmysteriouslight]

Если promise разрешается с не-промисным значением value, то promise.then(value => value) и promise.then(value => Promise.resolve(value)) эквивалентны promise в приведённой выше цепочке.
Статусы этих промисов одинаковы.

Если promise разрешается с промисным значением value, то promise.then(value => value) и promise.then(value => Promise.resolve(value)) эквивалентны: они вернут промис, который разрешается со значением, с которым разрешается value.

P.S. честно говоря, я не знаю, как сделать промис, который бы разрешался со значением, который сам по себе является промисом. Беглое лурканье и SO подсказывают, что это невозможно, разве только будем оборачивать возвращаемый во время разрешения промис в объект (ссыль)

Comments

[Александр Косицын]

youngmysteriouslight Я тут подразумевал то что в промисе promise где то будет resolve(variable).
Ты имеешь ввиду какая переменная variable? Промис или допустим строка?
Я хотел спросить если мы возвращаем вот так value=>value, то мы как бы возвращаем уже автоматически разрешенный промис? Так? Что во втором коде я сделал явно. Это вернул уже разрешенный промис.

[youngmysteriouslight]

Давай на примере, чтобы попутно устранить терминологическую путанницу.
Скажем,

function ret(x) {
  return new Promise(resolve => {
    console.log('timer for ' + x);
    setTimeout(() => resolve(x()), 1000)
  });
}

const promise = ret(() => 42);

promise находится с состоянии pending на протяжении секунды, затем разрешается со значением 42.

const promise = ret(() => 42);
const p = promise.then(value => value);

p ведёт себя полностью эквивалентно promise. Они оба сначала в pending, затем разрешаются со значением 42.

const promise = ret(() => 42);
const p = promise.then(value => Promise.resolve(value));

То же самое и здесь.

upd. предлагаю на примере это промиса разобраться. Я мог неправильно понять суть спрашиваемого, поэтому даю почву для того, чтобы развернуть и уточнить вопрос.

[Александр Косицын]

youngmysteriouslight, получается в обоих случаях в переменной p будет разрешенный промис, который в себе будет хранить значение value?

В этом случае вернется в р промис в котором будет храниться value?

const promise = ret(() => 42);
const p = promise.then(value => value);

В этом случае вернется в р промис в котором будет храниться Promise.resolve(value)?

const promise = ret(() => 42);
const p = promise.then(value => Promise.resolve(value));

[youngmysteriouslight]

Александр Косицын, я снова тебя не понял.
На всякий случай повторю.

получается в обоих случаях в переменной p будет разрешенный промис, который в себе будет хранить значение value?

Нет, p на момент определения есть промис в состоянии pending, а через секунду будет resolved. Посмотрите в DevTools, например.

вернется в р промис

расшифровать бы эту фразу.
Колбек (аргумент then) возвращает в первом случае значение (42) как есть, а во втором промис в состоянии resolved и со значением 42.
Этот колбек вызывается через секунду после того, как инициализируются переменные promise и p.
Сам метод then возвращает промис, который первую секунду находится в pending, затем в resolved со значением 42.

[Александр Косицын]

youngmysteriouslight,

вернется в р промис

Я имел ввиду что в then возвращает промис, чтобы потом тоже вызвать следующий .then

Вот я сделал фоточку.
take.ms/lYkw8
Спасибо за ответы.

[youngmysteriouslight]

Поставь в setTimeout задержку 20+ секунд и то же повтори.
На скриншоте статус resolved только лишь потому, что ты, видимо, печатал команды дольше секунды.
Насчёт того, что обработчики разные, ты прав. Но then ведётся себя одинаково.