响应式编程

响应式编程

• 可观察对象
  Angular集成了 参考：Rxjs，它使用 Observable 对象来创建流，主要是用于监听一组值或者事件的集合

// 创建流
// 值的创建
Observable.of([1,2,3,4]);
// 事件的创建
var button = document.querySelector('button');
Observable.fromEvent(button,'click')

• 观察者
  不是对象，而是一个回调函数集合，它知道如何监听被 Observable 发送的值。通过订阅subscribe的方式观察可观察对象，取消订阅unsubscribe()

// 订阅流
Observable.from([1,2,3,4]).map(item =>{
    item * item
}).subscribe(
    // next检测
    res => console.log(res),

    // error检测
    err => console.log(err),

    // complete检测
    () => console.log('it`s over')
)