Как работает Promise.resolve в Javascript?

Question

[batman101]

Всем добрый день. Недавно встретил один кусок кода, который не совсем понимаю. Я имею хорошее представление о том, что такое промисы и как работа с ними упрощается благодаря async/await. Например, в следующем коде вопросов никаких не возникает:

const func = async () => {
  return 100;
};

func()
  .then( res => {
    console.log(res);
    return 200;
  })
  .then( res => {
    console.log(res);
  });

/**
 * Expected output:
 * 100
 * 200
 */

Однако в следующем примере непонятно, что должно быть в функции func:

const func = async () => {
  /** ??? */
};

func()
  .then( res => {
    console.log(res);
    return 200;
  })
  .then( res => {
    console.log(res);
  })
  .resolve(100);

/**
 * Expected output:
 * 100
 * 200
 */

Comments

[Алексей Ярков]

Это где такое задание дали? По-моему дичь какая-то.

[batman101]

Алексей Ярков, на собеседовании :)

[Alex]

batman101, Это прямо дословное задание с кодом? 1 в 1?

[Israfil22]

batman101, Полная чушь, в случае если это задание точь-в-точь.

https://developer.mozilla.org/en-US/docs/Web/JavaS...
Здесь, в прототипе, вы не найдёте метода resolve.
Он присутствует только в качестве статик метода у объекта Promise.

После того как вы зачейнили последний then - он вернет инстанс типа Promise.
У него отсутствует метод resolve.

Если не точь-в-точь, то верный код:

const func = async () => {
  return 100
};

func()
  .then( res => {
    console.log(res);
    return 200;
  })
  .then( res => {
    console.log(res);
  })

[batman101]

Alex, переписал дословно:

Предположим, что есть следующий код:

deferred()
    .then( function(res) { console.log(200, res); return "lab"; })
    .then( function(res) { console.log(100, res); })
    .resolve("web");

В результате его выполнения в консоль будет выведено следующее:
200 web
100 lab

Необходимо реализовать функцию deferred().

Answer 1

[Сергей Соколов]

const deferred = () => {
  Promise.prototype.resolve = () => {}; // чтобы не было ошибок )
  return Promise.resolve("web");
}

«Нормальное» решение:

// проверка
deferred()
  .then(function(res) {
    console.log(200, res);
    return "lab";
  })
  .then(function(res) {
    console.log(100, res);
  })
  .resolve("web");

// реализация
function deferred() {
  function Box() {
    this.queue = [];
  }

  Box.prototype.then = function(func) {
    this.queue.push(func);
    return this;
  }

  Box.prototype.resolve = function(first_arg) {
    let arg = first_arg;
    while (this.queue.length)
      arg = this.queue.shift().call(this, arg);
  }

  return new Box;
}

Comments

[batman101]

Хоть это и хак, ничего лучшего мне в голову не приходит

[Сергей Соколов]

batman101, Test-Driven-Development, чо! )

[Сергей Соколов]

дополнил ответ «Нормальным» решением – не имеющей отношения к промисам реализацией методов then(), допускающим цепочку, и resolve(), задающим начальное значение для первого вызова.