javascript中的面向对象_面向对象和函数式编程的本质区别

编程的本质

当写过许许多多程序后，接触了那么多编程模式、设计模式、框架、语言、算法、数据结构以后，就会发现编程的本质万变不离其宗就是，操纵一坨数据。当然操纵的方式有许多，存储的方式也五花八门，但是本质不变，就是访问数据（读取以及改变）。

下面谈一谈我对两种编程方式的理解，就是面向对象编程，以及函数式编程。我用JavaScript这种神奇的语言来解释，因为JavaScript既可以面向对象编程，也可以函数式编程。

数据存放方式

1、对于OO（面向对象，下同），数据存放在对象的属性（成员变量）里面，以及静态成员（全局变量）

2、对于函数式，数据存放在闭包（各级作用域）里面，作用域包括全局作用域。

数据访问方式

数据存放方式决定了访问的方式。

1、对于OO来说，访问数据（全局变量除外）需要先获取对象的引用，然后再进行操作（直接访问——公共属性，或者调用成员函数/方法访问——私有属性）

2、对于函数式，访问数据是直接访问（通过函数入参或者作用域链查找）

下面上一段代码

//OO

这是随便写了一些没有用代码，只是为了展示两种风格的编程方式。

从中我们可以看出一些东西，OO是通过持有，以及传递对象的方式去让别的对象来操作数据，而对象也会是其他对象的成员，层层嵌套。当你想要访问某一个数据的时候，就需要顺着对象的引用链条去找，一步步去操作。

函数式传递的则是函数，调用函数即操作数据，传递函数的时候其实隐含着传递了函数创建的时候所附带的作用域，这个在表面上看不出来，在底层是有的。

OO所谓的对象，本质上就是函数式中的作用域。

为了理解这句话，我们来看高阶函数的本质

function foo(x){let bar = xreturn function(){return bar}
}
let Bar = foo(1)
console.log(Bar())//1

当调用foo(1)的时候返回一个函数，这个函数可以访问foo函数内部的bar变量，这就是高阶函数。如果翻译成OO思想大家就知道怎么回事了。

class Foo{constructor(x){this.bar = x}Bar(){return this.bar}
}
let foo = new Foo(1)
console.log(foo.Bar())

看上去是不是差不多。其实在C#中对lambda表达式的编译就是这个原理。会内部创建一些类。

当然高阶函数的写法肯定不会这么啰嗦，会写的比较优雅。(这就是本质区别）

let foo = bar=>()=>bar
let Bar = foo(1)
console.log(Bar())//1

所以OO编程，是面向作用域编程，而函数式编程，是面向功能编程。

函数式编程有一个巨大的优势，就是作用域链，也就是说函数可以访问的变量范围要远远大于OO，灵活性就成几何级数上升。换句话也可以说OO的约束性更强。

Javascript超越了函数式以及OO

在JS中约束进一步被打破，JS中可以修改函数的“作用域”，类的成员方法可以以另一个对象为作用域。JS还可以更换父类，这在其他OO语言是难以想象和不可理喻的。

所以Javascript可以用最简短代码来代替OO许多代码，究其本质，就是OO需要不断的传递、持有不同的作用域——对象。而Javascript只需要处在作用域链内，即可轻易访问到所需要的数据。

李宇翔：Js一句顶Java一万句zhuanlan.zhihu.com