Combine 框架,从0到1 —— 1.核心概念

 

本文首发于 Ficow Shen's Blog,原文地址: Combine 框架,从0到1 —— 1.核心概念

 

 

内容概览

  • 前言
  • 核心概念
  • RxSwift
  • Combine
  • 总结
  • 参考内容

 

前言

 

未来已来,只是尚未流行!

响应式编程 这个名词已经久负盛名,但是在实际项目中采用了响应式编程的公司其实不多。如果您有 iOS 开发经历,那么您多半听说过 RxSwift,而 Rx 源自微软。提到Rx,往往也会提到源自微软的 MVVM模式。不过,本文不会讲解 MVVM。如果您对MVVM感兴趣,推荐您阅读:Combine + MVVM 如何构建易测试的 ViewModel?

由于 Combine 借鉴了 Rx 的思想,二者具有基本相同的特性,所以本文会同时讨论这两个大框架。

而且,如果有必要的话,我们可以通过学习开源的 RxSwift 源码来了解 Combine 的工作原理。您甚至可以这么简单粗暴的认为:Combine 就是苹果官方的 RxSwift。😅

 

核心概念

 

观察者模式

简而言之,Combine 和 Rx 都基于 观察者模式,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新。

只不过,这些框架对这个模式进行了一点扩充,在被观察者与观察者之间引入了可选的转换操作(操作符:Operators)。

 

采用响应式编程框架的优势与劣势:

优势:

  • 同时支持 一对一一对多 观察操作,比 代理通知中心 易用;
  • 常用的操作符可以极大地提高开发效率,如:map, flatMap, filter, reduce, throttle 等;
  • 代码更加优雅、代码量更少;
  • 搭配 MVVM 模式,可以写出更容易测试的 ViewModel;

劣势:

  • 学习成本略高;
  • 调试的难度会提高,有时候甚至需要去阅读框架的源码;
  • 传统的MVC模式无法发挥响应式编程框架的最大威力,需要为项目配备合适的架构模式,比如 MVVM;

 

RxSwift

 

在讲解 Combine 之前,我想介绍一下 Rx 宝石图,这个图可以帮助我们更好地理解某个常用操作符的意图。

下图就是一张Rx宝石图,箭头线代表一个序列(sequence),中间的方块代表操作符(operator)。序列中的竖线代表结束,X代表错误。一个序列中可以发射无限个元素,当序列发射完成或者错误元素后,序列就不会再继续发射任何元素。

Rx 宝石图

如果所示,上方的序列(方块上方的箭头线)中有各种形状的元素,经过中间的 flip 操作(方块)转换之后,下方的序列接收到了某些元素转换后的结果。而中间的淡蓝色元素在 flip 过程中发生了错误,导致了下方的序列接收到的是一个错误而不是正常的元素。由此,接收序列停止接收。

如果您感兴趣的话,可以参考我的 这篇文章 来学习 RxSwift 以及 RxCocoa。

 

Combine

 

类型定义

如图所示,这三个协议就是 Combine 的核心。Publisher 负责发布内容,Subscriber 负责接收内容,Subscription 作为中介,协调生产端和消费端的需求。

类型定义

Publisher(发布者) 的源码:

@available(OSX 10.15, iOS 13.0, tvOS 13.0, watchOS 6.0, *)
public protocol Publisher {

    /// 这个发布者发布的值的类型
    associatedtype Output

    /// 这个发布者可能发布的错误的类型
    ///
    /// 如果这个发布者不发布错误,就用 `Never`
    associatedtype Failure : Error

    /// 在调用 `subscribe(_:)` 方法时,这个方法会被触发,并连接指定的 `Subscriber 到这个发布者
    ///
    /// - SeeAlso: `subscribe(_:)`
    /// - Parameters:
    ///     - subscriber: 被连接到这个发布者上的订阅者。连接后,订阅者就可以开始接收值
    func receive<S>(subscriber: S) where S : Subscriber, Self.Failure == S.Failure, Self.Output == S.Input
}

Subscriber(订阅者) 的源码:

@available(OSX 10.15, iOS 13.0, tvOS 13.0, watchOS 6.0, *)
public protocol Subscriber : CustomCombineIdentifierConvertible {

    /// 这个订阅者要接收的值的类型
    associatedtype Input

    /// 这个订阅者可能接收到的错误的类型
    ///
    /// 如果这个订阅者不会接收到错误,使用 `Never`
    associatedtype Failure : Error

    /// 告知订阅者成功订阅了发布者,并且可以获取发布项
    ///
    /// 使用收到的 `Subscription` 来向发布者请求内容
    /// - Parameter subscription: 订阅,代表发布者和订阅者之间的连接
    func receive(subscription: Subscription)

    /// 告知订阅者,发布者已经发布了一个元素
    ///
    /// - Parameter input: 发布了的元素
    /// - Returns: 命令,指明订阅者还期望接收多少元素
    func receive(_ input: Self.Input) -> Subscribers.Demand

    /// 告知订阅者,发布者已经结束了发布,可能是正常结束,也可能是因为发生了错误
    ///
    /// - Parameter completion: 完成,指明发布结束是正常结束还是由于错误而结束
    func receive(completion: Subscribers.Completion<Self.Failure>)
}

Subscription(订阅) 的源码:

public protocol Subscription : Cancellable, CustomCombineIdentifierConvertible {
    /// 通知发布者,它可以向订阅者发送一个或多个值
    func request(_ demand: Subscribers.Demand)
}

 

交互流程

交互流程
  1. Subscriber 被绑定到 Publisher 上;
  2. Publisher 创建订阅对象(subscription),并将订阅对象发送给 Subscriber;
  3. Subscriber 通过订阅对象将需求发送给 Publisher;
  4. Publisher 根据需求,将内容发送给 Subscriber;
  5. Subscriber 通过订阅对象来向 Publisher 请求取消订阅;
  6. Publisher 向 Subscriber 发送完成内容;

 

实例

 

** 实例项目的 Github 仓库地址: ** Ficow-Combine-SwiftUI

 

现在,让我们使用 Combine 来写一个发起网络请求的示例:

class CombineDemo {

    var cancellable: AnyCancellable?

    func makeRequest() {
        let url = URL(string: "https://ficow.cn")!
        let dataTaskPublisher = URLSession.shared.dataTaskPublisher(for: url)

        cancellable = dataTaskPublisher.sink(
            receiveCompletion: { completion in
                // 发布结束的时候会被调用一次
                switch completion {
                case .failure(let error):
                    print(error)
                case .finished:
                    print("success")
                }
            }, receiveValue: { value in
                // 每次接收到发布者发送的值都会被调用一次
                // 因为发起的是网络请求,所以这里只会被调用一次
                print(value.data)
                print(value.response)
            })
    }

}

dataTaskPublisher 是系统提供的方法,它会返回一个发布者(Publisher)。然后我们可以对这个 publisher 调用 sink(此处应翻译为:接收)方法,以此创建一个基于闭包的订阅者(Subscriber)。

sink 方法也有一个返回值,类型为 AnyCancellable,我们可以用这个值来取消订阅。当这个值在内存中被销毁时,订阅也会被自动取消。所以,如果我们不希望这个订阅在 makeRequest() 方法执行结束时停止,就要在实例中强引用这个 cancellable

如果你想提前结束订阅,可以对这个 cancellable 调用 cancel 方法:

cancellable?.cancel()

此时,我们还没有用到操作符。现在,对上面的示例稍作调整:

        cancellable = dataTaskPublisher
            .delay(for: .seconds(2), scheduler: DispatchQueue.global()) // 在后台线程中去延时执行
            .receive(on: RunLoop.main) // 在主线程上接收发布的内容
            .sink(receiveCompletion: { completion in

如果使用传统的GCD,这里的代码就会变成两个闭包:

        DispatchQueue.global().asyncAfter(deadline: .now() + 2) {
            // 发起网络请求操作
            dataTask() { (response) in
                DispatchQueue.main.async {
                    // 切换到主线程
                }
            }
        }

可以看到,使用 Combine 之后,代码变得简洁优雅,非常清晰易懂!不过,如果只是这样,也许还不够过瘾。

 

接下来,我们研究一下官方提供的一个基于 AppKit 的示例,我稍微做了一些处理以适应UIKit。如下所示:

class OfficialDemo {

    class MyViewModel {
        var filterString = ""
    }

    private let filterField = UITextField()
    private let myViewModel = MyViewModel()
    private var subscription: AnyCancellable?

    func bind() {
        subscription = NotificationCenter.default
            .publisher(for: UITextField.textDidChangeNotification, object: filterField)
            .map( { (($0.object as! UITextField).text ?? "") } )
            .filter( { $0.unicodeScalars.allSatisfy({CharacterSet.alphanumerics.contains($0)}) } )
            .debounce(for: .milliseconds(500), scheduler: RunLoop.main)
            .receive(on: RunLoop.main)
            .assign(to:\MyViewModel.filterString, on: myViewModel)
    }
}

 

bind 方法中的代码完成了很多任务:

  • 通过通知中心来订阅输入框 filterFieldtextDidChangeNotification 通知;
  • 通过 map 将接收到的内容转换为输入框中的文本;
  • 通过 filter 来过滤掉无效的文本内容,阻止内容继续沿着订阅链往后传递;
  • 通过 debounce(for:scheduler:) 来控制内容往后传递的频率(收到内容之后的500毫秒后执行后续操作,如果在这个时间段内收到了新内容,则重新计时500毫秒再执行后续操作);
  • 通过 receive(on:) 来指定执行后续操作的调度器(线程);
  • 通过 assign(to:on:) 来使用 keypath 为指定的对象赋值(每次收到内容就会执行一次);

如果不使用 Combine,上面这一系列的任务可能需要写非常多的代码才能完成。而且代码的组织结构将会变得很庞大,你可能需要写很多方法来封装这些操作。

 

如果您想学习非常详细的用法,可以参考这个网页的内容:Using Combine

 

总结

 

学习 Combine 有一定的成本,但是这是非常值得的,因为它可以帮助你:

  • 改善代码质量、减小代码量、提升工作效率;
  • 更好地学习 SwiftUI,毕竟 SwiftUI 中需要大量使用 Combine 的特性;
  • 更好地应用 MVVM 模式,这是苹果的目标,当然也是我们的目标;
  • 写出更容易测试的代码(聚焦于输入与输出);

 

推荐继续阅读:Combine 框架,从0到1 —— 2.通过 ConnectablePublisher 控制何时发布

 

参考内容

 

Combine - Customize handling of asynchronous events by combining event-processing operators.
ReactiveX - An API for asynchronous programming with observable streams
RxSwift - Reactive Programming in Swift
Patterns - WPF Apps With The Model-View-ViewModel Design Pattern
Rx Marbles - Interactive diagrams of Rx Observables
Using Combine
Combine Essentials - Receiving and Handling Events with Combine

 

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,126评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,254评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,445评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,185评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,178评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,970评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,276评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,927评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,400评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,646评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,213评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2 345