api List

Rx.Observable.amb(...args)

-存在竞争关系，amb里的流只能触发一个，并且忽略其他未处理的流。

eq：

<body>

  <input id="input1" type="text">

  <input id="input2" type="text">

</body>
import $ from "jquery";

import Rx from "rx";

var input1 = $('#input1');

var input2 = $('#input2');

var source = Rx.Observable.amb(

  Rx.Observable.fromEvent(input1, 'click').map(()=>'one'),

  Rx.Observable.fromEvent(input2, 'click').map(()=>'two')

);

var subscription = source.subscribe(

    function (x) {

        console.log(x);

    },

    function (err) {

        console.log('Error: ' + err);

    },

    function () {

        console.log('Completed');

    }

);

订阅了某个事件以后只处理本事件。订阅是普通订阅。

Rx.Observable.case(selector, sources, [elseSource|scheduler]

-select是一个筛选函数返回一个字符串，将字符串与sources对象的键值相匹配，发射匹配到的流。后面可选的是未匹配到的情况，默认是Rx.Observable.empty()

eq：

import Rx from "rx";

var sources = {

  hello: Rx.Observable.just('clx'),

  world: Rx.Observable.just('wxq')

};

var subscription = Rx.Observable.case(()=>"hello", sources, Rx.Observable.empty())

subscription.subscribe(function(x) {

  console.log(x)

})

匹配到hello,就发射Rx.Observable.just('clx')流。

实际可用于请求后的配置，比如根据ajax配置数据库，

var config = {

    "database": Observable.return("数据库配置"),

    "cache": Observable.return("缓存配置"),

    "picCDN": Observable.return("图片CDN配置，比如七牛")

};

Observable.case(()=>'database', config, Observable.empty())

    .subscribe((databaseConfig) => {

        // 连接数据库

    })

Observable.case(()=>'picCDN', config, Observable.empty())

    .subscribe((pciCDNConfig) => {

        // 初始化图片CDN

    })

根据不同配置项进行不同的操作。

Rx.Observable.catch(...args)

args都是一个个的观察流，当某一个抛错了，剩下的继续被发射。错误被忽略。subscribe也不会打印。当全部都抛错，会在subscribe的onError里打印。

eq：

import Rx from "rx";

var obs1 = Rx.Observable.throw(new Error('error'));

var obs2 = Rx.Observable.return(42);

var source = Rx.Observable.catch(obs1, obs2);

var subscription = source.subscribe(

  x => console.log(`onNext: ${x}`),

  e => console.log(`onError: ${e}`),

  () => console.log('onCompleted'));

obs1抛错以后，42被正常输出。

项目中可以处理服务商提供服务，当第一个服务商挂掉以后用第二个，全挂掉就抛错吧。

Rx.Observable.combineLatest(...args, [resultSelector])

-当两个Observables中的任何一个发射了数据时，使用一个函数结合每个Observable发射的最近数据项，并且基于这个函数的结果发射数据。

-仔细理解这句话，合并最近发射。

eq：

import Rx from "rx";

var colors = ["紫色","黄色","蓝色","黑色"];

var shapes = ["小星星","圆形","三角形","正方形","心形","五边形"];

var source1 = Rx.Observable.interval(3000).map(()=>colors.pop());

var source2 = Rx.Observable.interval(2000).map(()=>shapes.pop());

var combined = Rx.Observable.combineLatest(source1, source2, function(x, y){

  return x + "的" + y;

}).take(12);

combined.subscribe((shaped)=>console.log(shaped));

2s时发射五边形，x=五边形，1s后发射黑色，打印，1s后又发射心形，这时x还是黑色，打印黑色的心形。……

晕。

rxjs学习笔记的更多相关文章

  1. RxJS学习笔记之Subject

    本文为原创文章,转载请标明出处 目录 Subject BehaviorSubject ReplaySubject AsyncSubject 1. Subject 总的来说,Subject 既是能够将值 ...

  2. Angular4学习笔记（十）- 组件间通信

    分类 父子组件通信 非父子组件通信 实现 父子 父子组件通信一般使用@Input和@Output即可实现,参考Angular4学习笔记(六)- Input和Output 通过Subject 代码如下: ...

  3. ReactiveX 学习笔记（0）学习资源

    ReactiveX 学习笔记 ReactiveX 学习笔记(1) ReactiveX 学习笔记(2)创建数据流 ReactiveX 学习笔记(3)转换数据流 ReactiveX 学习笔记(4)过滤数据 ...

  4. Angular快速学习笔记（2） -- 架构

    0. angular 与angular js angular 1.0 google改名为Angular js 新版本的,2.0以上的,继续叫angular,但是除了名字还叫angular,已经是一个全 ...

  5. Angular 快速学习笔记(1) -- 官方示例要点

    创建组件 ng generate component heroes {{ hero.name }} {{}}语法绑定数据 管道pipe 格式化数据 <h2>{{ hero.name | u ...

  6. 《Angular4从入门到实战》学习笔记

    <Angular4从入门到实战>学习笔记 腾讯课堂:米斯特吴 视频讲座 二〇一九年二月十三日星期三14时14分 What Is Angular?(简介) 前端最流行的主流JavaScrip ...

  7. Angularjs2 学习笔记

    angularjs2 学习笔记(一) 开发环境搭建   开发环境,vs2013 update 5,win7 x64,目前最新angular2版本为beta 17 第一步:安装node.js 安装nod ...

  8. Angular6 学习笔记——路由详解

    angular6.x系列的学习笔记记录,仍在不断完善中,学习地址: https://www.angular.cn/guide/template-syntax http://www.ngfans.net ...

  9. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

随机推荐

  1. C#设计模式之6：抽象工厂模式

    前面分析了简单工厂模式和工厂方法模式,接着来看一下抽象工厂模式,他与工厂方法模式有一些相似的地方,也有不同的地方. 先来看一个不用工厂方法模式实现的订购披萨的代码: 对象依赖的问题:当你直接实例化一个 ...

  2. Tomcat 目录结构以及基本配置

    1 Tomcat 目录层次结构 ① bin:存放启动和关闭tomcat 的脚本文件② conf: 存放配置文件 server.xml:该文件用于配置和server 相关的信息,比如tomcat 启动端 ...

  3. python爬虫scrapy之scrapy终端(Scrapy shell)

    Scrapy终端是一个交互终端,供您在未启动spider的情况下尝试及调试您的爬取代码. 其本意是用来测试提取数据的代码,不过您可以将其作为正常的Python终端,在上面测试任何的Python代码. ...

  4. 【转】 Golang输入输出格式化Printf Springf Fprintf..

    // Go 在传统的`printf` 中对字符串格式化提供了优异的支持. // 这里是一些基本的字符串格式化的人物的例子. package main import "fmt" im ...

  5. C#中那些常用的工具类(Utility Class)(一)

    代码越写越多,但是我们也需要经常去反思那些写过的代码,Utility Class就是这一类需要特别去反思总结的类,这些类像工具一样,我们经常通过一些静态方法,通过传入一些参数,然后得到我们需要的结果, ...

  6. JQ获取URL中是否含有某个字符的话，对页面进行某种操作

    一.//JQ获取URL中是否含有某个字符的话,对页面进行某种操作 例:如果URL中含有xia的字符,就在页面引入一个cssvar str=window.location.href; //获取地址栏UR ...

  7. 日志与python日志组件logging

    1. 日志的相关概念: (1)日志的作用: a. 开发人员进行程序调试 b. 开发人员定位程序故障的位置 c. 运维人员观察应用运行是否正常 (2)日志的等级 a. DEBUG 最详细的日志,用于问题 ...

  8. Fiddler-学习笔记-远程抓包

    1 操作系统低于win7用 fiddler 2 win7 或win7以上版本,用 fiddler4片本 2 fiddler开关:左下角或点击F12控件fiddler开关,开=capturing 3 启 ...

  9. Ubuntu16.04 启动纯文本界面方法

    问题: Ubuntu16.04 如何启动纯文本界面. 解决方法: 1.系统启动后,在登陆界面点击Ctrl+Shift+F1切换到文本登陆界面: 2.修改为默认从文本界面登陆: sudo vi /etc ...

  10. Learning to Rank(转)

    https://blog.csdn.net/kunlong0909/article/details/16805889 Table of Contents 1 前言 2 LTR流程 3 训练数据的获取4 ...