Цепные обещания в классе без использования .then

Question

Цепные обещания в классе без использования .then

1

Это часть более крупной проблемы, но как я могу подключить метод вызовов к классу, когда им требуется promise решить, чтобы получить данные.

Ниже не будет работать, когда this.promise в настоящее время назначается каждый раз, когда функция уже вернулась с this

class Test {
  constructor(promise) {
    this.promise = promise;
  }

  add(x) {
    this.promise.then(y => {
      this.promise = new Promise(resolve => {
        resolve(x + y);
      });
    });
    return this;
  }

  multiply(x) {
    this.promise.then(y => {
      this.promise = new Promise(resolve => {
        resolve(x * y);
      });
    });
    return this;
  }

  answer() {
    this.promise.then(x => {
      console.log(x);
    });
  }
}

function getNumber(num) {
 const promise = new Promise(resolve => {
   resolve(num);
 });
 return new Test(promise);
}

const num = getNumber(30);
num.add(20).multiply(2).answer();  // Outputs 33 instead of 100: (30 + 20) * 2

tic 23 сен. 2018, в 05:10

Источник

Теги:

javascript

es6-promise

es6-class

2 ответа

0

Я хотел бы избежать переназначения this.promise. Я бы не стал членом этого класса. Вам просто нужно, чтобы ваши методы вернули обещание.

Если вы хотите избежать использования. .then, посмотрите на использование async/await.

Daniel A. White 23 сен. 2018, в 01:17

0

Цель состоит в том, чтобы связать вызовы функций, как это делают многие библиотеки, например, rxjs. num.add(20).multiply(2).answer(); на num.add(20).multiply(2).answer(); стал бы очень неаккуратно , если после каждого вызова функции вам пришлось обращаться then
tic 23 сен. 2018, в 02:23
0

@tic посмотрите на async / await.
Daniel A. White 23 сен. 2018, в 02:27
0

Async / await не является частью спецификации es6 и вызывает много проблем с кодированием. Теперь каждая функция должна стать асинхронной, и предполагается, что каждый вызов завершается успешно, поэтому мы должны обернуть каждый вызов try / catch
tic 23 сен. 2018, в 02:30
1

@tic, such as rxjs - если вы знакомы с rxjs, то я думаю, что вам необходимо знать более высокое понимание шаблонов асинхронного проектирования. Promise - это всего лишь один шаблон проектирования, который rxjs отвергает и не использует. Rxjs реализует поток событий (посмотрите на интерфейс потока в nodejs), который является еще одним шаблоном асинхронного проектирования. Rxjs немного более элегантен, потому что он структурирует события как монады (то, что некоторые люди утверждали, что обещания должны быть реализованы до того, как спецификация будет согласована сообществом). Rxjs на самом деле имеет нечто похожее на обещания: метод .once()
slebetman 23 сен. 2018, в 03:00

Показать ещё 2 комментария

Ещё вопросы

Цель состоит в том, чтобы связать вызовы функций, как это делают многие библиотеки, например, rxjs. num.add(20).multiply(2).answer(); на num.add(20).multiply(2).answer(); стал бы очень неаккуратно , если после каждого вызова функции вам пришлось обращаться then
Async / await не является частью спецификации es6 и вызывает много проблем с кодированием. Теперь каждая функция должна стать асинхронной, и предполагается, что каждый вызов завершается успешно, поэтому мы должны обернуть каждый вызов try / catch
@tic, such as rxjs - если вы знакомы с rxjs, то я думаю, что вам необходимо знать более высокое понимание шаблонов асинхронного проектирования. Promise - это всего лишь один шаблон проектирования, который rxjs отвергает и не использует. Rxjs реализует поток событий (посмотрите на интерфейс потока в nodejs), который является еще одним шаблоном асинхронного проектирования. Rxjs немного более элегантен, потому что он структурирует события как монады (то, что некоторые люди утверждали, что обещания должны быть реализованы до того, как спецификация будет согласована сообществом). Rxjs на самом деле имеет нечто похожее на обещания: метод .once()

Mark Meyer · Accepted Answer · 2018-09-23T01-17-00.000Z

Вы можете просто переназначить результат then (это еще одно обещание) этому. this.promise методов. Это обеспечит this.promise всегда является последним обещанием в цепочке.

class Test {
    constructor(promise) {
      this.promise = promise;
    }
  
    add(x) {
      const promise = this.promise.then(num => num + x)
      return new Test(promise);
    }
  
    multiply(x) {
      const promise = this.promise.then(num =>  x * num)
      return new Test(promise);
    }
  
    answer() {
      this.promise.then(console.log)
    }
  }
  
  function getNumber(num) {
   const promise = new Promise(resolve => {
     resolve(num);
   });
   return new Test(promise);
  }
  
  const num = getNumber(30);
  num.add(20).multiply(2).answer();  // Outputs 100: (30 + 20) * 2
  num.add(5).multiply(3).answer();  // Outputs 105: (30 + 5) * 3

Отлично, это хороший шаг в правильном направлении. Что-то, что я не объяснил полностью, мне нужно, чтобы оно было неизменным. Поэтому, если мы запустим num.add(5).multiply(3).answer(); в конце он не начнется с 30 . Теперь начнется с последнего номера
Ох .... у меня это есть. Я просто верну new Test(promise) после каждого вызова функции