網址：https://stackblitz.com/

新建一個Angular應用，類型選擇RxJS：

StackBlitz會自動生成應用模板：

源代碼：

import { of } from 'rxjs'; import { map } from 'rxjs/operators';const source = of('World').pipe(map(x => `Hello ${x}!`) );source.subscribe(console.log); import { Observable } from "rxjs";const stream$ = new Observable(subscriber => {setTimeout(() => {subscriber.next([1, 2, 3]);}, 500);setTimeout(() => {subscriber.next({ a: 1000 });}, 1000);setTimeout(() => {subscriber.next("end");}, 3000);setTimeout(() => {subscriber.complete();}, 4000); });// 啟動流class Subscriber {constructor(private name: string) {}complete = () => console.log("name: " + this.name + " done");next = v =>console.log("time: " + Date.now() + " name: " + this.name + " value: " + v);error = () => console.log("error"); }const s1 = new Subscriber("Jerry"); const s2 = new Subscriber("Tom");stream$.subscribe(s1); stream$.subscribe(s2);

運行輸出：

Observable可以重復subscribe，互不干擾。

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的在StackBlitz上进行rxjs编程练习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。