1

Como fazer para que um método só seja executado após a conclusão de outro método? Entendo que em Angular tratamos de forma assíncrona, ou seja, uma linha de código não necessariamente espera a conclusão da anterior para ser executada, também não quero utilizar um setTimeout() obrigando um método ficar aguardando determinado tempo para ser executado. Abaixo tenho o seguinte código:

intervalo: number = 10;
resultado: number = 0;

  constructor() { }

  ngOnInit() {
  }

  somarValoresIntervalo() {
    for(let x = 1; x < this.intervalo; x++) {
    this.resultado += x;
  }

  imprimirResultadoMultiplicado(){
    this.somarValoresIntervalo();
    console.log(this.resultado*10);
  }

}

Quero que o console.log() no método imprimirResultadoMultiplicado() só seja executado após a linha anterior ter sido concluída (independente do tempo que levar). Existe alguma forma para resolver isso através de Obsevable,Subscribe?

1 Resposta 1

2

Para resolver o seu problema você pode usar um simples callback

  somarValoresIntervalo(callback) {
    for(let x = 1; x < this.intervalo; x++) {
    this.resultado += x;
    }
    callback()
  }

  imprimirResultadoMultiplicado(){
    this.somarValoresIntervalo(() => console.log(this.resultado*10));
  }

Ou você pode criar um Subject para emitir dados.

  import { Subject } from 'rxjs';

  let subject = new Subject<string>();

  somarValoresIntervalo(callback) {
    for(let x = 1; x < this.intervalo; x++) {
    this.resultado += x;
    }
    subject.next(this.resultado);
  }

 subject.subscribe((resultado) => {
   const resultadoMultiplicado = resultado*10;
 });

2
  • Ótimo Daniel, vou fazer desta forma. 16/10/2019 às 2:45
  • Utilizei o primeiro cenário, funcionou perfeitamente. 16/10/2019 às 2:51

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .