RxJS

RxJS
Reactive Extension
响应式扩展
源于微软，火于NetFlix
优势：在思考的维度上加入时间考量
处理复杂逻辑

const length = document.getElementById('length');
const width = document.getElementById('width');
const area = document.getElementById('area');
const length$ = Rx.Obserable.fromEvent(length,'keyup).pluck('target','value');
const width$ = Rx.Obserable.fromEvent(width,'keyup).pluck('target','value');
const area$ = Rx.Observable.combineLatest(length$,wdth$,(l,w)=>{return l*w;});
area$.subscribe(val=>area.innerHTML=val);

combineLatest换成zip的话，要一对一对的，area才更新

理解Rx的关键：把任何变化想象成事件流