RxJs 初看

1.绑定页面事件
<html>
<head>      
     <script src="rx.lite.js" ></script>
</head>
<body>
      <input id="input" type="text" />
      <div id="results"></div>          
      <script type="text/javascript">
        var input = document.getElementById('input');
        Rx.config.useNativeEvents = true;
        Rx.Observable.fromEvent(input, 'keyup')
            .map(e => e.target.value)
            .filter(text => text.length > 2)
            .throttle(1000)
            .subscribe(results => {
               console.log(results); 
            });
      </script>
</body>
</html>

配置Rx.config.useNativeEventstrue采用本地DOM的事件
input触发keypress事件时, map获取当前事件的值,filter筛选出长度大于2,throttle设置间隔时间为1000毫秒
各种观察各种方法

2.创建自定义的事件
var subject = new Rx.Subject();
var subscription = subject.subscribe(function (data) {  
    console.log('data: ' + data);
});
subject.onNext('test');
subscription.dispose();
// => data: test

通过onNextsubscribe实现最基本的发布和订阅

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,088评论 19 139
  • 一.背景介绍 Rx(Reactive Extension -- 响应式扩展 http://reactivex.io...
    爱上Shu的小刺猬阅读 6,311评论 1 3
  • //PublishSubject -> 会发送订阅者从订阅之后的事件序列 PublishSubjectlet se...
    andrewJN阅读 5,511评论 0 3
  • 我从去年开始使用 RxJava ,到现在一年多了。今年加入了 Flipboard 后,看到 Flipboard 的...
    Jason_andy阅读 10,931评论 7 62
  • 发现 关注 消息 RxSwift入坑解读-你所需要知道的各种概念 沸沸腾关注 2016.11.27 19:11*字...
    枫叶1234阅读 7,843评论 0 2

友情链接更多精彩内容