函数式编程

忘是亡心i 2023-06-06 12:22 16阅读 0赞

函数式编程的主要设计点在于避免使用状态和可变的数据，即 stateless and immutable。  
RXJS：响应式编程抽象出了流这个概念，提高了代码的抽象级别，我们不用去关心大量的实现细节，而专注于对数据流的操作。

**目录**

参考

mutable & immutable

纯函数

redux状态管理方案

--------------------

## 参考 ##

https://www.imooc.com/article/70323 （主要看前面的关于编程思想的解说）

[https://www.jianshu.com/p/3cf03ae2eac1][https_www.jianshu.com_p_3cf03ae2eac1]

[https://juejin.im/entry/5adcc57bf265da0ba469613f][https_juejin.im_entry_5adcc57bf265da0ba469613f]

## mutable & immutable ##

JS 中的对象是 mutable 可变的，新对象引用了原始对象，改变新对象将影响到原始对象。mutable data的数据结构有耦合，造成了数据难以被回溯的隐患。为了解决这个问题，一般的做法是使用 shallowCopy（浅拷贝）或 deepCopy（深拷贝）来避免被修改，但这样做造成了 CPU 和内存的浪费。immutable 可以很好地解决这些问题。

immutable Data 就是一旦创建，就不能再被更改的数据。对 immutable 对象的任何修改或添加删除操作都会返回一个新的 immutable 对象。immutable 实现的原理是 **Persistent Data Structure**（持久化数据结构），也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为了避免 deepCopy 把所有节点都复制一遍带来的性能损耗，immutable 使用了 **Structural Sharing**（结构共享），即如果对象树中一个节点发生变化，只修改这个节点和受它影响的父节点，其它节点则进行共享。

数据不可变就是指这个数据一旦产生，它的值就永远不会变。JavaScript 中字符串类型和数字类型就是不可改变的，而对象基本都是可变的，可能会带来各种副作用。

## 纯函数 ##

纯函数指的是执行结果由输入参数决定，参数相同时结果相同，不受其他数据影响，并且不会带来副作用（Side Effect）的函数。副作用指的是函数做了和本身运算返回值没有关系的事情，如修改外部变量或传入的参数对象，甚至是执行 console.log 都算是 Side Effect。前端中常见的副作用有发送 http 请求、操作 DOM、调用 alert 或者 confirm 函数等。满足纯函数的特性也叫做引用透明度（Referential Transparency）。

## redux状态管理方案 ##

Redux 不允许对数据层进行修改，只允许你通过一个 `Action` 对象来描述需要做的变更。在 Redux 中使用一个纯函数接收原 `state tree` 和 `action` 作为参数，并生成一个新的 `state tree` 代替原来的。

*  *State（状态）* 是指单一不可变数据
 *  *Action（行为）* 描述状态的变化
 *  *Reducer（归约器/归约函数）* 根据先前状态以及当前行为来计算出新的状态。纯函数。
 *  ![显性定义的Action触发Reducer产生新的状态][Action_Reducer]

[https_www.jianshu.com_p_3cf03ae2eac1]: https://www.jianshu.com/p/3cf03ae2eac1
[https_juejin.im_entry_5adcc57bf265da0ba469613f]: https://juejin.im/entry/5adcc57bf265da0ba469613f
[Action_Reducer]: /images/20230601/93e22a69accc41f4a6cc61c65f3045f3.png