JavaScript既可以面向对象编程，也可以函数式编程。
数据存放方式
-
对于OO（面向对象，下同），数据存放在对象的属性（成员变量）里面，以及静态成员（全局变量）。
-
对于函数式，数据存放在闭包（各级作用域）里面，作用域包括全局作用域。
数据访问方式
数据存放方式决定了访问的方式。
-
对于OO来说，访问数据（全局变量除外）需要先获取对象的引用，然后再进行操作（直接访问——公共属性，或者调用成员函数/方法访问——私有属性）。
-
对于函数式，访问数据是直接访问（通过函数入参或者作用域链查找）
比如下面这段代码：
//面向对象
class Foo {
constructor(){
this.bar = 0
}
}
let foo = new Foo()
foo.bar ++
//函数式
let bar = 0
function foo(){
bar ++
}
foo()
从中我们可以看出一些东西，OO是通过持有，以及传递对象的方式去让别的对象来操作数据，而对象也会是其他对象的成员，层层嵌套。当你想要访问某一个数据的时候，就需要顺着对象的引用链条去找，一步步去操作。
函数式传递的则是函数，调用函数即操作数据，传递函数的时候其实隐含着传递了函数创建的时候所附带的作用域，这个在表面上看不出来，在底层是有的。
OO所谓的对象，本质上就是函数式中的作用域。
为了理解这句话，让我们来看看 高阶函数 的本质
function foo(x){
let bar = x
return 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只需要处在作用域链内，即可轻易访问到所需要的数据。
文章整理自此处，看完有所感悟，仅作为自我学习，在此对作者表示感谢。
网友评论