promise和Rxjs的一點區別

標籤：settime   count   tin   value   工具   函數   start   多次   res   

promise 代碼　

let promise = new Promise( (resolve) => {      setTimeout(() => {          resolve(‘chen‘);      },2000)    });    promise.then((value) => {      console.log(value);    })

Rxjs代碼

let start = new Observable( (observer) => {      let timeOut = setTimeout( () => {        observer.next(‘chen2‘);      },4000)          })    let str = start.subscribe( (value) => {      console.log(value);    })

 

區別1：  rxjs可以取消subscribe，promise不可以

  setTimeout( () => {       str.unsubscribe();   },1000)

 

區別2： rxjs可以發射多次，promise只能發射一次

let setTime2;    let start2 = new Observable( (observable) => {      let count = 0;      setTime2 = setInterval( () => {        observable.next(count++);      },1000)    })    let str2 = start2.subscribe( (num) => {        console.log(num);        if(num > 10){          str2.unsubscribe();          clearInterval(setTime2);        }     })

 

區別3： rxjs 內建了許多的工具函數，如filter等

promise和Rxjs的一點區別