你就是函数响应式编程（FRP）啊？!【附 RxJS 实战】

theme: smartblue

前言

什么是 FRP？

英文全称是：Functional Reactive Programming，翻译过来就是：函数响应式编程。

对于函数式编程，我们并不陌生，在我的 JS 专栏里面可以找到很多相关文章~~

这里不妨先对函数式编程特性做简要回顾：

函数是一等公民（意味着可以把函数赋值给变量或存储在数据结构中，也可以把函数作为其它函数的参数或者返回值）
高阶函数（接受函数作为参数或者返回一个函数的函数）
没有隐式输入、输出（输入通过函数入参传递，输出通过函数 return 进行返回）
值的不变性（指在程序状态改变时，不直接修改当前数据，而是创建并追踪一个新数据）
声明式编程风格，而不是命令式编程风格（关注“是什么”，而不是“做什么”）

用代码举个简单例子：

代码语言：javascript复制

// 命令式编程
int factorial1(int x) {
    int result = 1;
    for (int i = 1; i <= x; i   ) {
        result *= i;
    }
    return result;
}

// 函数式编程
int factorial2(int x) {
    if (x == 1) return 1;
    return x * factorial2(x - 1);
}

以上代码用于实现计算阶乘。指令式编程，像机器一条条命令一样思考问题，一条条指令告诉计算机该怎么去处理这个问题。

而在函数式编程里面，思想是利用数学方法来思考问题。阶乘的数学表达式是：f(n) = n*f(n - 1) (n > 1) ，f(n) = 1 (n = 1) ，利用递归解决问题。这个过程中基本上没有状态量，只有表达式，也没有赋值语句。

OK，说到这里，对函数式编程有了一个大体的回顾，下面就介绍今天的主角 —— 函数响应式编程