700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > javascript中的面向对象_面向对象和函数式编程的本质区别

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

时间:2019-10-09 08:14:47

相关推荐

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=>()=>barlet Bar = foo(1)console.log(Bar())//1

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

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

Javascript超越了函数式以及OO

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

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

李宇翔:Js一句顶Java一万句​

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。