那年初夏|面向函数式编程，前端的必然发展趋势面向对象编程世间万物皆为对象“世间万

面向对象编程
世间万物皆为对象
“世间万物皆为对象” ，这是我们开始学习编程语言的时候，老师大都会讲的一句话，顾名思义，就是我们常说的面向对象编程。在现如今流行的编程语言中，大多数的编程语言都是面向对象编程的语言，还有一些面向过程的编程，如大学都会学的c语言。
c语言
虽然Javascript是一门脚本语言，但是它也不例外，也是一门面向对象的编程语言。从初期基于原型链的面向对象编程，到现在es6的class面向对象编程，越来越像Java、C#等强类型语言的面向对象。
函数式编程发展Javascript经过多年的发展，衍生出了很多的类似Vue、React、Angular等优秀框架，这些框架经过多年的发展，进化得也比较快。它们都用相同的进化特点，都拥抱了函数式编程。

比如近些年React推出了Hook函数式编程

import React, { useState } from 'react';function Example() {// 声明一个新的叫做 “count” 的 state 变量const [count, setCount] = useState(0);return (You clicked {count} times

setCount(count + 1)}>Click me);}

如果使用传统的class方式，当业务变得复杂之后，组件之间共享状态变得频繁，此时组件将变得非常难以理解和维护，复用状态逻辑更是难上加难。使用hook之后，无论业务怎么变化， state只会存在自己的组件，对其它组件的影响非常的小。

再比如前不久Vue发布了3.0版本的源码， 3.0源码也弃用了基于原型链的面向对象编程，全部采用函数式编程。

export function reactive(target: T): UnwrapNestedRefsexport function reactive(target: object) {// if trying to observe a readonly proxy, return the readonly version.if (target && (target as Target)[ReactiveFlags.IS_READONLY]) {return target}return createReactiveObject(target,false,mutableHandlers,mutableCollectionHandlers)}// Return a reactive-copy of the original object, where only the root level// properties are reactive, and does NOT unwrap refs nor recursively convert// returned properties.export function shallowReactive(target: T): T {return createReactiveObject(target,false,shallowReactiveHandlers,shallowCollectionHandlers)}...

从这两大框架的向函数式编程的靠拢，说明函数式编程肯定是有可取之处，要不然也不会拼命使用函数式编程的。下面就来说一下函数式编程的好处吧。