rx《一》 走进javascript的响应式编程

Rx( reactive extension 即响应式扩展)

reactive extension

rx 是一个函数库，让开发者可以序列化的观察，异步执行程序；

rx宣言，一种编程思想突破，与以往不同的是，此函数库在编程过程中添加了时间维度的；

创建类操作符：form formEvent of
1.form 可以把数组，promise以及iterable 转化成一个Observable
2.formEvent可以将事件转化为Observable
    eg:const dom=document.getElementById('dom');
       const dom$=Rx.Observable.formEvent(dom,'event');
       dom$.subscribe(val=>{console.log(val)})
3.of 接受一切的数据，并且emit(data)

Observable 观察者
具备的三个性质
next()
errir()
complete()

        'number' id='length'>
        'number' id='width'>
        
'area'>
    const length=document.getElementById('length');
    const width=document.getElementById('width');
    const area=document.getElementById('area');
    const length$=Rx.Observable.formEvent(length,'keyup').pluck('target','value')
    width$=Rx.Observable.formEvent(width,'keyup').pluck('target','value')

const area$=Rx.Observable.combineLatest(length$,width$,(l,w)=>{
console.log(w*l)
})

interval(x,y);
x：增量 y：间隔
take(4) 第几次
first() last() 特殊的take(xxx)
time(x)
x:增量 执行一次
scan:scan操作符，它扮演着像reduce的角色，但是它会发送每一个中间的结果，
reduce :和scan操作符类似；
map,filter