Vue2中 ?. 可选链式调用操作符

Posted 随笔记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue2中 ?. 可选链式调用操作符相关的知识,希望对你有一定的参考价值。

  可选链运算符(?.)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 运算符的功能类似于 . 链式运算符,不同之处在于,在引用为空 (nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。   链接:链接

 

 

由于其基于事件流的链式调用

Rxjava,由于其基于事件流的链式调用、逻辑简洁 & 使用简单的特点,深受各大 Android开发者的欢迎。
Github截图

如果还不了解 RxJava,请看文章:Android:这是一篇 清晰 & 易懂的Rxjava 入门教程

RxJava如此受欢迎的原因,在于其提供了丰富 & 功能强大的操作符,几乎能完成所有的功能需求
今天,我将为大家详细介绍RxJava操作符中最常用的变换操作符,并附带 Retrofit 结合 RxJava的实例Demo教学,希望你们会喜欢。
本系列文章主要基于 Rxjava 2.0
接下来的时间,我将持续推出 Android中 Rxjava 2.0 的一系列文章,包括原理、操作符、应用场景、背压等等 ,有兴趣可以继续关注Carson_Ho的安卓开发笔记!!

示意图
目录

示意图

1. 作用

对事件序列中的事件 / 整个事件序列 进行加工处理(即变换),使得其转变成不同的事件 / 整个事件序列
具体原理如下
示意图

2. 类型

RxJava中常见的变换操作符如下:
示意图

下面,我将对每种操作符进行详细介绍

注:本文只讲解RxJava2在开发过程中常用的变换操作符
3. 应用场景 & 对应操作符 介绍

下面,我将对 RxJava2 中的变换操作符进行逐个讲解
注:在使用RxJava 2操作符前,记得在项目的Gradle中添加依赖:
dependencies {
compile ‘io.reactivex.rxjava2:rxandroid:2.0.1‘
compile ‘io.reactivex.rxjava2:rxjava:2.0.7‘
// 注:RxJava2 与 RxJava1 不能共存,即依赖不能同时存在
}
1
2
3
4
5
3.1 Map()

作用
对 被观察者发送的每1个事件都通过 指定的函数 处理,从而变换成另外一种事件

即, 将被观察者发送的事件转换为任意的类型事件。
原理

示意图

应用场景
数据类型转换

具体使用
下面以将 使用Map() 将事件的参数从 整型 变换成 字符串类型 为例子说明

示意图

// 采用RxJava基于事件流的链式操作
Observable.create(new ObservableOnSubscribe<Integer>() {

// 1. 被观察者发送事件 = 参数为整型 = 1、2、3
@Override
public void subscribe(feifanshifan8.cn/ ObservableEmitter<Integer> emitter) throws Exception {
emitter.onNext(1);
emitter.onNext(2);
emitter.onNext(3);

}
// 2. 使用Map变换操作符中的Function函数对被观察者发送的事件进行统一变换:整型变换成字符串类型
}).map(new Function<Integer, String>() {
@Override
public String apply(Integer integer) throws Exception {
return "使用 Map变换操作符 将事件" + integer +"的参数从 整型"+integer + " 变换成 字符串类型" + integer ;
}
}).subscribe(new Consumer<String>() {

// 3. 观察者接收事件时,是接收到变换后的事件 = 字符串类型
@Override
public void accept(String s) throws Exception {

测试结果
示意图

从上面可以看出,map() 将参数中的 Integer 类型对象转换成一个 String类型 对象后返回

同时,事件的参数类型也由 Integer 类型变成了 String 类型
3.2 FlatMap()

作用:将被观察者发送的事件序列进行 拆分 & 单独转换,再合并成一个新的事件序列,最后再进行发送

原理

为事件序列中每个事件都创建一个 Observable 对象;
将对每个 原始事件 转换后的 新事件 都放入到对应 Observable对象;
将新建的每个Observable 都合并到一个 新建的、总的Observable 对象;
新建的、总的Observable 对象 将 新合并的事件序列 发送给观察者(Observer)
示意图

应用场景
无序的将被观察者发送的整个事件序列进行变换

具体使用

// 采用RxJava基于事件流的链式操作
Observable.create(new ObservableOnSubscribe<Integer>() {
@Override
public void subscribe(ObservableEmitter<Integer> emitter) throws Exception {
emitter.onNext(1);
emitter.onNext(2);
emitter.onNext(3);
}

// 采用flatMap()变换操作符
}).flatMap(new Function<Integer, ObservableSource<String>>() {
@Override
public ObservableSource<String> apply(Integer integer) throws Exception {
final List<String> list = new ArrayList<>();
for (int i = 0; i < 3; i++) {
list.add("我是事件 " + integer + "拆分后的子事件" + i);
// 通过flatMap中将被观察者生产的事件序列先进行拆分,再将每个事件转换为一个新的发送三个String事件
// 最终合并,再发送给被观察者
}
return Observable.fromIterable(list);
}
测试结果
示意图
注:新合并生成的事件序列顺序是无序的,即 与旧序列发送事件的顺序无关
3.3 ConcatMap()

作用:类似FlatMap()操作符
与FlatMap()的 区别在于:拆分 & 重新合并生成的事件序列 的顺序 = 被观察者旧序列生产的顺序

原理

示意图

应用场景
有序的将被观察者发送的整个事件序列进行变换

具体使用

// 采用RxJava基于事件流的链式操作
Observable.create(new ObservableOnSubscribe<Integer>() {
@Override
public void subscribe(ObservableEmitter<Integer> emitter) throws Exception {
emitter.onNext(1);
emitter.onNext(2);
emitter.onNext(3);
}

// 采用concatMap()变换操作符
}).concatMap(new Function<Integer, ObservableSource<String>>() {
@Override
public ObservableSource<String> apply(Integer integer) throws Exception {
final List<String> list = new ArrayList<>();
for (int i = 0; i < 3; i++) {
list.add("我是事件 " + integer + "拆分后的子事件" + i);
// 通过concatMap中将被观察者生产的事件序列先进行拆分,再将每个事件转换为一个新的发送三个String事件
// 最终合并,再发送给被观察者
}
return Observable.fromIterable(list);
}
}).subscribe(new Consumer<String>() {
@Override
public void accept(String s) throws Exception {
Log.d(TAG, s);
测试结果
示意图
注:新合并生成的事件序列顺序是有序的,即 严格按照旧序列发送事件的顺序
3.4 Buffer()

作用
定期从 被观察者(Obervable)需要发送的事件中 获取一定数量的事件 & 放到缓存区中,最终发送

原理

示意图

应用场景
缓存被观察者发送的事件

具体使用
那么,Buffer()每次是获取多少个事件放到缓存区中的呢?下面我将通过一个例子来说明

// 被观察者 需要发送5个数字
Observable.just(1, 2, 3, 4, 5)
.buffer(3, 1) // 设置缓存区大小 & 步长
// 缓存区大小 = 每次从被观察者中获取的事件数量
// 步长 = 每次获取新事件的数量
.subscribe(new Observer<List<Integer>>(www.tianhengyl1.com) {
@Override
public void onSubscribe(Disposable d) {

}
@Override
public void onNext(www.ztylpt.cn List<Integer> stringList) {
//
Log.d(TAG, " 缓存区里的事件数量 = " + stringList.size());
for (Integer value : stringList) {
Log.d(TAG, " 事件 = " + value);
}
}

@Override
public void onError(Throwable e) {
Log.d(TAG, "对Error事件作出响应" );
}

@Override
public void onComplete() {
Log.d(TAG, "对Complete事件作出响应");

测试结果
示意图

过程解释
下面,我将通过一个图来解释Buffer()原理 & 整个例子的结果
示意图

至此,关于RxJava2中主要的变换操作符已经讲解完毕

4. 实际开发需求案例

变换操作符的主要开发需求场景 = 嵌套回调(Callback hell)
下面,我将采用一个实际应用场景实例来讲解嵌套回调(www.rbuluoyl.cn Callback hell)
具体请看文章Android RxJava 实际应用案例讲解:网络请求嵌套回调
5. Demo地址

上述所有的Demo源代码都存放在:Carson_Ho的Github地址:RxJava2_变换操作符

喜欢的麻烦点个star!
6. 总结

下面,我将用一张图总结 RxJava2 中常用的变换操作符
示意图

接下来的时间,我将持续推出 Android中 Rxjava 2www.fencaiyule.cn.0 的一系列文章,包括原理、操作符、应用场景、背压等等 ,有兴趣可以继续关注Carson_Ho的安卓开发笔记!!
示意图

请帮顶 / 评论点赞!因为你的鼓励是我写作的最大动力!

以上是关于Vue2中 ?. 可选链式调用操作符的主要内容,如果未能解决你的问题,请参考以下文章

Swift16-可选链式调用

可选链式调用

空值合并操作符(??)及可选链式操作符(?.)

学习Swift -- 可选链

ES11(2020)可选链操作符和空值合并运算符

ES11(2020)可选链操作符和空值合并运算符