Promise พฤติกรรมทั้งหมดกับ RxJS Observables?

ใน Angular 1.x บางครั้งฉันต้องhttpส่งคำขอหลายครั้งและทำบางอย่างกับคำตอบทั้งหมด Promise.all(promises).then(function (results) {...})ฉันจะโยนสัญญาทั้งหมดในอาร์เรย์และโทร

แนวทางปฏิบัติที่ดีที่สุดของ Angular 2 ดูเหมือนจะชี้ไปที่การใช้ RxJS Observableเพื่อทดแทนสัญญาในhttpคำขอ หากฉันมี Observables ที่แตกต่างกันสองรายการหรือมากกว่าที่สร้างขึ้นจากคำขอ http จะมีคุณสมบัติเทียบเท่ากับPromise.all()?

ทางเลือกที่ตรงไปตรงมากว่าสำหรับการจำลองPromise.allคือการใช้ตัวforkJoinดำเนินการ (เริ่มต้นสิ่งที่สังเกตได้ทั้งหมดแบบขนานและรวมองค์ประกอบสุดท้าย):

• เอกสารประกอบ
• ลิงค์ที่เกี่ยวข้อง: Cf. RxJS: ต่อสัญญาสามข้อแยกแยะผลลัพธ์

อยู่นอกขอบเขตเล็กน้อย แต่ในกรณีที่มันช่วยได้ในเรื่องของการผูกมัดสัญญาคุณสามารถใช้คำง่ายๆflatMap: Cf. RxJS Promise Composition (การส่งผ่านข้อมูล)

อัปเดตพฤษภาคม 2019 โดยใช้ RxJs v6

พบว่าคำตอบอื่น ๆ มีประโยชน์และต้องการเสนอตัวอย่างสำหรับคำตอบที่ Arnaud นำเสนอเกี่ยวกับzipการใช้งาน

นี่คือตัวอย่างข้อมูลที่แสดงความเท่าเทียมกันระหว่างPromise.allrxjs zip(โปรดทราบด้วยว่าใน rxjs6 ตอนนี้ zip นำเข้าโดยใช้ "rxjs" ได้อย่างไรและไม่ใช่ตัวดำเนินการ)

import { zip } from "rxjs";

const the_weather = new Promise(resolve => {
  setTimeout(() => {
    resolve({ temp: 29, conditions: "Sunny with Clouds" });
  }, 2000);
});

const the_tweets = new Promise(resolve => {
  setTimeout(() => {
    resolve(["I like cake", "BBQ is good too!"]);
  }, 500);
});

// Using RxJs
let source$ = zip(the_weather, the_tweets);
source$.subscribe(([weatherInfo, tweetInfo]) =>
  console.log(weatherInfo, tweetInfo)
);

// Using ES6 Promises
Promise.all([the_weather, the_tweets]).then(responses => {
  const [weatherInfo, tweetInfo] = responses;
  console.log(weatherInfo, tweetInfo);
});

ผลลัพธ์จากทั้งสองเหมือนกัน การดำเนินการข้างต้นให้:

{ temp: 29, conditions: 'Sunny with Clouds' } [ 'I like cake', 'BBQ is good too!' ]
{ temp: 29, conditions: 'Sunny with Clouds' } [ 'I like cake', 'BBQ is good too!' ]

forkJoin ก็ใช้งานได้ดีเช่นกัน แต่ฉันชอบcombinationLatestเนื่องจากคุณไม่จำเป็นต้องกังวลว่ามันจะใช้ค่าสุดท้ายของการสังเกต ด้วยวิธีนี้คุณสามารถอัปเดตได้ทุกครั้งที่มีการปล่อยค่าใหม่ออกมาเช่นกัน

ในreactivex.io fork เข้าร่วมจริงชี้ไปที่Zipซึ่งทำงานให้ฉัน:

let subscription = Observable.zip(obs1, obs2, ...).subscribe(...);