Как вернуть результат функции(метода) с отсрочкой?

Question

[raft88]

Всем привет!
Есть метод класса, например,

this.anybodyProperty = 0;

anybodyName() {
setTimeout(()=>this.anybodyProperty = 1, 1000);
return this.anybodyProperty;
}

как вернуть результат метода после того, как выполнится присваивание? если переношу команду return в сам setTimeout, то все равно нет ассинхронности и метод вернет undefined

Answer 1

[Антон Спирин]

Странная задача, но это можно сделать так:

anybodyName() { 
  return new Promise(resolve => {
    setTimeout(() => {
      this.anybodyProperty = 1;
      resolve(this.anybodyProperty);
    }, 1000);
  });
}

Использовать так:

const someVar = this.anybodyName().then(result => {
  // do something when result be returned
});

Comments

[raft88]

просто мне надо вернуть this, чтобы дальше использовать в цепочке. Просто вместо setTimeout там событие, после которого модифицируются некоторые свойства объекта. А эти данные важны в следующей цепочке. А вызвать нужно именно цепочкой собственных методов объекта.

[Антон Спирин]

raft88, ну возвращайте инстанс:

anybodyName() { 
  return new Promise(resolve => {
    setTimeout(() => {
      this.anybodyProperty = 1;
      resolve(this);
    }, 1000);
  });
}

var some = new SomeClass();
some.anybodyName().then(self => self.otherMethod());

Только вот this возвращать не обязательно, вы же можете организовать цепочный вызов так:

some.anybodyName().then(() => some.otherMethod())
                  .then(() => some.thirdMethod());

[raft88]

тут уже возникает другая проблема, мне нужно использовать цепочку только из собственных методов класса, поэтому в каждом методе я могу возвращать только this(верно же?), поэтому у меня в методе anybody() есть промис, который в строчке resolve(result), возвращает какие-то важные данные для следующей цепочки. Соответственно следующий метод anybody2() начинается из promise.then(......). Из-за такого условия я не могу вернуть в первом методе сам промис, потому что при добавлении следующей цепочки нужно возвращать именно this плюс сам аргумент resolve занят возвращаемыми данными для следующего метода. Поэтому мне в теории надо, чтобы промис перешел в fulfilled с определенными данными, а потом из метода вернулось this.

[Антон Спирин]

raft88, признавайтесь уже, что у вас за задача.
Возможно вам и не нужны промисы. Посмотрите мой ответ на вопрос:
Как выполнить функции в порядке очереди, в которых содержатся таймеры?
Решение там без использования промисов.

[raft88]

нужен именно промис - есть цепочка (new Promise(....resolve(value)....)).then(..использование value..).then(..использование value..).then(..использование value..).then(..использование value..);

необходимо все это переписать на функции-конструкторе, то есть должно стать
(new Test).anybody(внутри промис перходит в выполненное состояние).anybody2(внутри then c обработкой value ).anybody2(внутри then c обработкой value ).anybody2(внутри then c обработкой value ).anybody2(внутри then c обработкой value );

вот ломаю голову как это сделать...

[raft88]

на данный момент я могу реализовать цепочку
let test = new Test();
test.method1();
test.method2().method2().method2().method2().method2().method2();

а вот все в одну не получается, так как в первом методе промис, который и значение должен вернуть через resolve и сам метод должен вернуть this, чтобы не оборвалась цепочка.

[Антон Спирин]

raft88, так и так в конце надо добавлять метод done или then, который синицирует выполнение накопленных в очереди тасков и вернет результат:

class Foo {
  constructor() {
    this.queue = [];
  }

  pFunc(i,pGen) {
    return pGen();
  }

  bar() {
    const _bar = () => {
      return new Promise( (resolve,reject) => {
        setTimeout( () => {
          console.log('bar');
          resolve();
        }, 1000);
      })      
    }
    this.queue.push(_bar);
    return this;
  }

  baz() {
    const _baz = () => {
      return new Promise( (resolve,reject) => {
        setTimeout( () => {
          console.log('baz');
          resolve();
        }, 1000);
      })      
    }
    this.queue.push(_baz);
    return this;
  }

  then(func) {
    return Promise.reduce(this.queue, this.pFunc, 0).then(func);
  }
}

const foo = new Foo();
foo.bar().baz().then(() => console.log('done'));

По-другому с промисами не сделаешь.

[raft88]

спасибо, принцип понял!

Answer 2

[Александр Таратин]

class Test{
	constructor(){
  	this.anybodyProperty = 0;
  }
  anybodyName() {
    return new Promise(resolve => {
      setTimeout(() => {
      	this.anybodyProperty = 1;
        resolve(this.anybodyProperty);
      }, 1000);
    });  	
  }
}

!async function (){

	console.log(await (new Test().anybodyName()));

}()

https://jsfiddle.net/QW01_01/kwLyydfw/

Comments

[raft88]

просто мне надо вернуть this, чтобы дальше использовать в цепочке. Просто вместо setTimeout там событие, после которого модифицируются некоторые свойства объекта. А эти данные важны в следующей цепочке. А вызвать нужно именно цепочкой.

[Александр Таратин]

raft88, https://jsfiddle.net/QW01_01/kwLyydfw/1/

class Test{
	constructor(){
  	this.anybodyProperty = 0;    
  }
  anybodyName() {
    return new Promise(resolve => {
      const onEvent = () => {
        window.removeEventListener('resize', onEvent)
        this.anybodyProperty = 1;
        resolve(this);
      }
    	window.addEventListener('resize', onEvent);      	
    });  	
  }
}

!async function (){

	console.log(await (new Test().anybodyName()));

}()

[raft88]

тут уже возникает другая проблема, мне нужно использовать цепочку только из собственных методов класса, поэтому в каждом методе я могу возвращать только this(верно же?), поэтому у меня в методе anybody() есть промис, который в строчке resolve(result), возвращает какие-то важные данные для следующей цепочки. Соответственно следующий метод anybody2() начинается из promise.then(......). Из-за такого условия я не могу вернуть в первом методе сам промис, потому что при добавлении следующей цепочки нужно возвращать именно this плюс сам аргумент resolve занят возвращаемыми данными для следующего метода. Поэтому мне в теории надо, чтобы промис перешел в fulfilled с определенными данными, а потом из метода вернулось this.

[Александр Таратин]

raft88, Ничего не понятно что вы хотите. Либо цепочка, либо возврат конкретного значения.
Оформите пример в песочнице с комментариями, что вам требуется сделать.

[raft88]

нужен именно промис - есть цепочка (new Promise(....resolve(value)....)).then(..использование value..).then(..использование value..).then(..использование value..).then(..использование value..);

необходимо все это переписать на функции-конструкторе, то есть должно стать
(new Test).anybody(внутри промис перходит в выполненное состояние).anybody2(внутри then c обработкой value ).anybody2(внутри then c обработкой value ).anybody2(внутри then c обработкой value ).anybody2(внутри then c обработкой value );

вот ломаю голову как это сделать...

[raft88]

на данный момент я могу реализовать цепочку
let test = new Test();
test.method1();
test.method2().method2().method2().method2().method2().method2();

а вот все в одну не получается, так как в первом методе промис, который и значение должен вернуть через resolve и сам метод должен вернуть this, чтобы не оборвалась цепочка.

[Александр Таратин]

В моем примере вы можете делать

const o = new Test();
await (await (await o.anybodyName()).anybodyName()).anybodyName()

[raft88]

да, только мне выше ES6 использовать нельзя...

[Александр Таратин]

raft88, Используйте typescript в качестве транспайлера (babel тоже можно, но код на выхлопе мне не очень)
Последний Typescript компилятор собирает async/await в es5 без доп настроек из коробки.

[Александр Таратин]

raft88, На nodejs кстати можете без await обходится при помощи https://www.npmjs.com/package/fibers

Answer 3

[Данил Разумков]

Попробуйте сделать сам вызов метода с задержкой.