且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

通过一个实际例子理解Angular rxjs Observable的异步行为

更新时间:2022-08-27 09:00:37

源代码:

ngOnInit(): void {
    const a = new Observable((observer) => {
      observer.next(1);
      observer.next(2);
      observer.next(3);
      setTimeout(() => {
        observer.next(4);
        observer.complete();
      }, 1000);
    });
    console.log('just before subscribe');
    a.subscribe({
      next: x => console.log('got value ' + x),
      error: err => console.error('something wrong occurred: ' + err),
      complete: () => console.log('done'),
    });
    console.log('just after subscribe');
  }

通过一个实际例子理解Angular rxjs Observable的异步行为