高大上函数响应式编程框架ReactiveCocoa学习笔记1 简介

React 前端之家
前端之家收集整理的这篇文章主要介绍了高大上函数响应式编程框架ReactiveCocoa学习笔记1 简介，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

原文地址：http://www.cocoachina.com/bbs/read.php?tid=278091


一、简介
ReactiveCocoa（其简称为RAC）是函数响应式编程框架。RAC具有函数式编程和响应式编程的特性。它主要吸取了.Net的 Reactive Extensions的设计和实现。

函数式编程 (Functional Programming)
函数式编程也可以写N篇,它是完全不同于OO的编程模式，这里主要讲一下这个框架使用到的函数式思想。
1) 高阶函数：在函数式编程中，把函数当参数来回传递，而这个，说成术语，我们把他叫做高阶函数。在oc中，blocks是被广泛使用的参数传递，它实际上是匿名函数。
高阶函数调用过程有点像linux命令里的pipeline（管道），一个命令调用后的输出当作另一个命令输入，多个命令之间可以串起来操作。来个例子:

?
1
2
3
4
5
6
7
8
RACSequence *numbers = [@ "1 2 3 4 5 6 7 8 9" componentsSeparatedByString:@ " " ].rac_sequence;
// Contains: 22 44 66 88
RACSequence *doubleNumber = [[numbers filter:^ BOOL ( NSString *value) {
return (value.intValue % 2) == 0;
}] map:^ id ( value) {
[value stringByAppendingString:value];
}];

上面的例子是数组里的值先进行过滤，得到偶数，然后再将每个值进行stringByAppendingString，最终输出22 44 66 88.

2) 惰性（或延迟）求值：Sequences对象等，只有当被使用到时，才会对其求值。
关于函数编程，有兴趣的大家可以研究下haskell或者clojure，不过目前好多语言都在借用函数式的思想。
响应式编程(Functional Reactive Programming:FRP)
响应式编程是一种和事件流有关的编程模式，关注导致状态值改变的行为事件，一系列事件组成了事件流。
一系列事件是导致属性值发生变化的原因。FRP非常类似于设计模式里的观察者模式。
响应式编程是一种针对数据流和变化传递的编程模式，其执行引擎可以自动的在数据流之间传递数据的变化。比如说，在一种命令式编程语言中，a: = b + c 表示 a 是 b + c 表达式的值，但是在RP语言中，它可能意味着一个动态的数据流关系：当c或者b的值发生变化时，a的值自动的发生变化。
RP已经被证实是一种最有效的处理交互式用户界面、实时模式下的动画的开发模式，但本质上是一种基本的编程模式。现在最为热门的JavaFX脚本语言中，引入的bind就是RP的一个概念实现。
响应式编程其关键点包括：
1) 输入被视为"行为"，或者说一个随时间而变化的事件流
2) 连续的、随时间而变化的值
3) 按时间排序的离散事件序列
FRP与普通的函数式编程相似，但是每个函数可以接收一个输入值的流，如果其中，一个新的输入值到达的话，这个函数将根据最新的输入值重新计算，并且产生一个新的输出。这是一种”数据流"编程模式。
二、为什么我们要用它
1，开发过程中，状态以及状态之间依赖过多,RAC更加有效率地处理事件流，而无需显式去管理状态。在OO或者过程式编程中，状态变化是最难跟踪，最头痛的事。这个也是最重要的一点。
2，减少变量的使用，由于它跟踪状态和值的变化，因此不需要再申明变量不断地观察状态和更新值。
3，提供统一的消息传递机制，将oc中的通知，action，KVO以及其它所有UIControl事件的变化都进行监控，当变化发生时，就会传递事件和值。
4，当值随着事件变换时，可以使用map，filter，reduce等函数便利地对值进行变换操作。
三、何时使用
1,处理异步或者事件驱动的数据变化
8
9
10
11
12
13
14
15
16
@H_301_193@ 17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
@H_635_301@ 71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
@H_502_335@ 88
89
90
91
92
93
94
95
96
97
98
99
100
static void *ObservationContext = &ObservationContext;
- ( )viewDidLoad {
[ super viewDidLoad];
[LoginManager.sharedManager addObserver: self forKeyPath:@ "loggingIn" options: NSKeyValueObservingOptionInitial context:&ObservationContext];
NSNotificationCenter .defaultCenter addObserver: self selector : @selector (loggedOut:) name:UserDidlogoutNotification object:LoginManager.sharedManager];
.usernameTextField addTarget: action: (updateLogInButton) forControlEvents:UIControlEventEditingChanged];
.passwordTextField addTarget: (updateLogInButton) forControlEvents:UIControlEventEditingChanged];
.logInButton addTarget: (logInPressed:) forControlEvents:UIControlEventTouchUpInside];
}
)dealloc {
[LoginManager.sharedManager removeObserver: context:ObservationContext];
.defaultCenter removeObserver: ];
}
)updateLogInButton {
textFieldsNonEmpty = .usernameTextField.text.length > 0 && .passwordTextField.text.length > 0;
readyToLogIn = !LoginManager.sharedManager.isLoggingIn && ! .loggedIn;
@H_242_502@ .logInButton.enabled = textFieldsNonEmpty && readyToLogIn;
}
- ( IBAction )logInPressed:(UIButton *)sender {
[[LoginManager sharedManager]
logInWithUsername: .usernameTextField.text
password: .passwordTextField.text
success:^{
.loggedIn = YES ;
} failure:^( NSError *error) {
presentError:error];
}];
}
)loggedOut:( NSNotification *)notification {
NO ;
}
)observeValueForKeyPath:( *)keyPath ofObject:( )object change:( NSDictionary *)change context:( *)context {
if (context == ObservationContext) {
updateLogInButton];
} else {
observeValueForKeyPath:keyPath ofObject:object change:change context:context];
}
}
// RAC实现：
)viewDidLoad {
viewDidLoad];
@weakify );
RAC( .logInButton,enabled) = [RACSignal
combineLatest:@[
.usernameTextField.rac_textSignal,
.passwordTextField.rac_textSignal,
RACObserve(LoginManager.sharedManager,loggingIn),
RACObserve( ,loggedIn)
] reduce:^( *username, *password,153)!important; background:none!important">NSNumber *loggingIn,monospace!important; font-size:1em!important; min-height:inherit!important; color:black!important; background:none!important">*loggedIn) {
@(username.length > 0 && password.length > 0 && !loggingIn.boolValue && !loggedIn.boolValue);
}];
[[ .logInButton rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(UIButton *sender) {
@strongify );
RACSignal *loginSignal = [LoginManager.sharedManager
.usernameTextField.text
.passwordTextField.text];
[loginSignal subscribeError:^( *error) {
);
presentError:error];
} completed:^{
);
;
}];
}];
.defaultCenter
rac_addObserverForName:UserDidlogoutNotification object: nil ]
mapReplace: @NO ];
}

2,链式的依赖操作
27
[client logInWithSuccess:^{
[client loadCachedMessagesWithSuccess:^( NSArray *messages) {
[client fetchMessagesAfterMessage:messages.lastObject success:^( *nextMessages) {
NSLog (@ "Fetched all messages." );
*error) {
presentError:error];
}];
*error) {
presentError:error];
}];
*error) {
presentError:error];
}];
// RAC实现：
[[[[client logIn]
then:^{
[client loadCachedMessages];
}]
flattenMap:^( *messages) {
[client fetchMessagesAfterMessage:messages.lastObject];
}]
subscribeError:^( *error) {
presentError:error];
} completed:^{
);
@H_242_502@ 3,并行依赖操作：
62
__block *databaSEObjects;
*fileContents;
NSOperationQueue *backgroundQueue = [[ alloc] init];
NSBlockOperation *databaSEOperation = [ blockOperationWithBlock:^{
databaSEObjects = [databaseClient fetchObjectsMatchingPredicate:predicate];
}];
*filesOperation = [ blockOperationWithBlock:^{
NSMutableArray *filesInProgress = [ array];
for *path in files) {
[filesInProgress addObject:[ NSData dataWithContentsOfFile:path]];
}
fileContents = [filesInProgress copy ];
}];
*finishOperation = [ blockOperationWithBlock:^{
finishProcessingDatabaSEObjects:databaSEObjects fileContents:fileContents];
"Done processing" );
}];
@H_242_502@
[finishOperation addDependency:databaSEOperation];
[finishOperation addDependency:filesOperation];
[backgroundQueue addOperation:databaSEOperation];
[backgroundQueue addOperation:filesOperation];
[backgroundQueue addOperation:finishOperation];
// RAC 实现
RACSignal *databaseSignal = [[databaseClient
fetchObjectsMatchingPredicate:predicate]
subscribeOn:[RACScheduler scheduler]];
RACSignal *fileSignal = [RACSignal startEagerlyWithScheduler:[RACScheduler scheduler] block:^( <RACSubscriber> subscriber) {
array];
*path in files) {
dataWithContentsOfFile:path]];
}
[subscriber sendNext:[filesInProgress ]];
[subscriber sendCompleted];
}];
[[RACSignal
combineLatest:@[ databaseSignal,fileSignal ]
reduce:^ *databaSEObjects,monospace!important; font-size:1em!important; min-height:inherit!important; color:black!important; background:none!important">*fileContents) {
finishProcessingDatabaSEObjects:databaSEObjects fileContents:fileContents];
return ;
}]
subscribeCompleted:^{
);
4,简化集合操作
10
*results = [ array];
*str in strings) {
(str.length < 2) {
continue ;
}
*newString = [str stringByAppendingString:@ "foobar" ];
[results addObject:newString];
//RAC实现：
7
RACSequence *results = [[strings.rac_sequence
filter:^ *str) {
str.length >= 2;
}]
map:^( *str) {
[str stringByAppendingString:@ ];
第一小节未完成，第二节讲RAC的框架概览，敬请期待哈。

猜你在找的React相关文章

react使用moment进行日期格式化
导入moment 使用方式 年月日，时分秒 星期几 相对时间 7天后 2小时后 明天 将毫秒转换成年...
推荐使用并手写实现redux-actions原理
@ 一、前言 为什么介绍redux-actions呢? 第一次见到主要是接手公司原有的项目，发现有之前...
【译】值得推荐的十大React Hook 库
十大React Hook库 原文地址：https://dev.to/bornfightcompany/top-10-react-hook-librari...
React生命周期
React生命周期 React的生命周期从广义上分为挂载、渲染、卸载三个阶段，在React的整个生命...
React虚拟DOM的理解
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树，每一个节点可以将其...
使用react-native-vector-icons（RN0.6+）
1.安装 npm install --save react-native-vector-icons or yarn add react-native-vector-...
React中的Props, State 与 render 函数
React 的核心特性总结 1、React：声明式开发 (JS或者jQuery属性命令式开发） 2、可以与其他...
React开发环境准备
react fiber 指react 16以上的版本 引入react的方式： 1、引入.js文件 2、使用脚手架工具（...
React组件拆分与传值
组件拆分与组件之间的传值 父子组件的概念： 父组件通过属性的方式，向自组件传值 子组件通...
React组件的简单演示
src/Test.js import React from &#39;react&#39;; function Test() { return ( &a...
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsTypeScriptVueDojoJsonElectronNode.jsextjsExpress XMLES6AjaxFlashUnityReactFlexAnt DesignWeb前端微信小程序微信公众号
关闭广告单独headers封装代码提示错误整数正则非0开头跳页出页码antd table提示URL未注册公众号支付vue hash模式iSlider车牌键盘循环图片echarts 双折左右布局DllPlugin对象创建打字游戏圈选两栏云函数蒙版ES2020橱窗无缝滚动轮播色块碰撞组件销毁文档操作