面向对象编程并不是后端开发的专利,我来说说这门技术在前端开发中的应用。

面向对象编程并不是后端开发的专利,我来说说这门技术在前端开发中的应用。

前端开发当然可以使用面向对象编程概念。在这个基础上我在着重强调一下,面向对象编程,不仅对前端非常有用,对后端当然也是非常有用的。我们这个问题就专门针对前端来谈一谈。

前端我们关注的是界面的设计。那么一个界面之中会分为几个区域,每个区域里面又分为几个子区域。这些大大小小的区域我们都可以定义为一个对象,俗称组件。这些组件可能会有一些共性,比如说都会有初始化函数和释放函数。那么我们就可以把这些共性的方法放到一个基本组件里面,俗称基类。

基本组件可以定义为抽象的组件也可以定义为实际使用的组件。基本的方法也可以手工调用也可以靠整个架构来进行自动的调用。如果你用过angular,vue, react这些架构的话,我相信你知道我在说什么。

除了组件的设计和定义以外,在前端也需要定义一些非界面性的类,或者其他的逻辑单元,这些非界面的类和逻辑单元,用来存储前端的数据和逻辑计算。如果对这一部分使用面向对象变成概念的话,会降低程序的复杂度,增加程序的可维护性和可扩展性。

如果你使用typescript, 这样的面向对象编程语言来开发前端的话,那自然的,你已经有面向对象编程的概念了。这门语言是Javacript的超集。如果你有面向对象编程的经验,学习学好这门语言根本不在话下。

即使你在使用JavaScript, 你也可以通过函数的方法来定义原型基类,然后通过在扩展的函数里面定义扩展原型,这样你新的函数既可以享有原有函数的所有方法也可以添加上新的功能实现这实际上就是父类和子类的一个概念。

实际上所有的typescript代码,最后在运行的时候都需要编译成JavaScript。

也就是说所有的typeacript面向对象的编程方法,在编译后的JavaScript, 你都可以找到对应的例子。

说完了 JavaScript相关的知识, 再来说一下前端开发离不开的样式语言。现在比较流行的样式语言是sass家族, 诸如less, scss。他们最终都会编译成传统的CSS语言。所不同的是这些流行的样式语言提供了面向对象的编程概念。在写这些样式语言的时候,可以像面向对象语言一样使用基本的类,扩展的类,基本的函数和扩展的函数。与此同时,这些新的样式语言都支持数结构。那么数结构本身就有子节点,父节点的概念。这是文档模型DOM本身的对应关系。

这一步也就引申到了html语言本身。这门标记语言自身作为一棵树存在。通过这棵树你可以追溯到你想要的那一部分内容。这个过程本身就是把整个文档作为一个树对象来进行操作的。

好了,以上是我作为一名资深程序员的个人见解,请在下方留言告诉我你的想法,我们可以继续探讨,感谢关注丁哥开讲我们下次再见。

你可能感兴趣的:(面向对象编程并不是后端开发的专利,我来说说这门技术在前端开发中的应用。)