面向对象编程的特点(前端是否适合使用面向对象的方式编程)

2024-06-22 21:33:11 60

面向对象编程的特点(前端是否适合使用面向对象的方式编程)

本文目录

前端是否适合使用面向对象的方式编程

这里是丁哥开讲,作为一名从事20多年软件开发的资深程序员,我来说一下我的体会。

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

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

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

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

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

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

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

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

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

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

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


关于面向对象和函数式编程,到底如何选择

问题有些不准确,函数在面向对象编程和结构化编程里都是存在的。对象里的方法可以看作是一个函数,同时也可以自定义一个函数调用对象的方法实现一定的功能。同时不是面向对象的语言编程肯定没有面向对象编程,因为就没有对象的概念。但面向对象语言编程肯定也离不开结构化编程,比如用c#编写一个桌面程序,单击一个按钮打开一个文件,这是一个过程,可以看作是结构化编程,在这个过程中调用file对象。

面向对象编程的特点(前端是否适合使用面向对象的方式编程)

本文编辑:admin

更多文章:


java基础知识点思维导图(搞Java的年薪40W是什么水平)

java基础知识点思维导图(搞Java的年薪40W是什么水平)

本文目录搞Java的年薪40W是什么水平java学不进去怎么办从培训机构学Java能行吗java适合0基础学习嘛前景怎么样转行Java如何学习Java开发呢如何成为Java软件工程师高中生,接触java,有没有大神给建议你是如何学习Java

2024年6月23日 17:19

lombok(java lombok 怎么赋值)

lombok(java lombok 怎么赋值)

本文目录java lombok 怎么赋值linux怎么安装lombok用lombok生成的属性可以copy吗lombok提示的ide什么意思java lombok 怎么赋值Java创建对象并赋值,示例如下Interger i = new I

2024年5月7日 18:17

论坛管理系统数据库(Discuz,论坛的数据库配置文件是哪个)

论坛管理系统数据库(Discuz,论坛的数据库配置文件是哪个)

其实论坛管理系统数据库的问题并不复杂,但是又很多的朋友都不太了解Discuz,论坛的数据库配置文件是哪个,因此呢,今天小编就来为大家分享论坛管理系统数据库的一些知识,希望可以帮助到大家,下面我们一起来看看这个问题的分析吧!本文目录Discu

2024年7月3日 02:36

正则表达式编写工具(Excel 怎么样写VBA正则表达式)

正则表达式编写工具(Excel 怎么样写VBA正则表达式)

大家好,正则表达式编写工具相信很多的网友都不是很明白,包括Excel 怎么样写VBA正则表达式也是一样,不过没有关系,接下来就来为大家分享关于正则表达式编写工具和Excel 怎么样写VBA正则表达式的一些知识点,大家可以关注收藏,免得下次来

2024年7月6日 21:50

c语言数组从小到大(c语言编程实现把整形数组a[6]按照从小到大升序排列)

c语言数组从小到大(c语言编程实现把整形数组a[6]按照从小到大升序排列)

大家好,关于c语言数组从小到大很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于c语言编程实现把整形数组a[6]按照从小到大升序排列的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希

2024年8月27日 01:15

html代码基础(HTML代码是什么)

html代码基础(HTML代码是什么)

本文目录HTML代码是什么零基础如何快速学会HTML语言代码HTML基础有哪些单标签什么是HTML代码 怎么制作HTML代码html代码学习规范是什么呢HTML基本代码(去应聘用的)SEO优化:新手该怎么快速学习html基础代码HTML的

2023年9月8日 17:00

贴纸怎么做教程?怎么做截图的教程

贴纸怎么做教程?怎么做截图的教程

这篇文章给大家聊聊关于教程怎么做,以及贴纸怎么做教程对应的知识点,希望对各位有所帮助,不要忘了收藏本站哦。本文目录贴纸怎么做教程怎么做截图的教程缠花蝴蝶怎么做教程怎么做短视频教程怎么做飞机教程抱抱奶怎么做教程水晶泥怎么做简单教程三步手工灯笼

2024年8月3日 12:40

xlsx文件怎么打开苹果手机(xlsx苹果13打开是空白)

xlsx文件怎么打开苹果手机(xlsx苹果13打开是空白)

本文目录xlsx苹果13打开是空白苹果手机怎么编辑微信里的表格xlsx苹果手机打开xlsx文件日期显示不全手机打不开excel文件怎么办苹果手机打不开xlsx苹果手机怎么打开excel文件xlsx苹果13打开是空白摘要你好,我之前也碰到过这

2024年7月1日 20:28

oracle10g升级到11g(oracle10g rac 数据怎么迁移到 oracle 11g rac)

oracle10g升级到11g(oracle10g rac 数据怎么迁移到 oracle 11g rac)

本文目录oracle10g rac 数据怎么迁移到 oracle 11g racOracle从10g升级到11g详细方法怎么解决oracle 10g数据迁移到11Goracle 10g 升级11g 后无法连接oracle 10g升级为11g

2024年6月13日 09:00

js replace替换最后一个(js 替换字符串中最后一个逗号为冒号)

js replace替换最后一个(js 替换字符串中最后一个逗号为冒号)

大家好,今天小编来为大家解答以下的问题,关于js replace替换最后一个,js 替换字符串中最后一个逗号为冒号这个很多人还不知道,现在让我们一起来看看吧!本文目录js 替换字符串中最后一个逗号为冒号js 的 replace 的用法如何替

2024年9月26日 22:55

eggplant(eggplant怎么读)

eggplant(eggplant怎么读)

本文目录eggplant怎么读eggplant 是可数还是不可数eggplant怎么读eggplant 英 n. 1.茄子 名词 n.1.茄子 He likes to eat eggplant.他喜欢吃茄子。We grow many di

2024年4月9日 10:50

agony是什么意思?丶Agony的翻译是:什么意思

agony是什么意思?丶Agony的翻译是:什么意思

本文目录agony是什么意思丶Agony的翻译是:什么意思agony是什么意思啊“Agony”这个单词是什么意思agony什么意思 agony的意思是什么Agony是什么意思agoni什么意思agony是什么意思中文 agony翻译这两个英

2024年7月17日 17:11

主页怎么写吸引人(公司首页设计怎样才能吸引人)

主页怎么写吸引人(公司首页设计怎样才能吸引人)

本文目录公司首页设计怎样才能吸引人闲鱼主页介绍怎么写才能引人注意淘宝店铺首页如何设计吸引人不同情况首屏如何提高转化女生社交主页简介怎么写会吸引男生服装帐号抖音的主页怎样填写更吸引人淘宝主页怎么设计怎样才能吸引人公司首页设计怎样才能吸引人确定

2024年7月24日 10:21

如何获取网络ip地址(电脑连接无线网如何获取IP地址)

如何获取网络ip地址(电脑连接无线网如何获取IP地址)

本文目录电脑连接无线网如何获取IP地址宽带IP地址是如何获取的怎样获取自己电脑IP电脑连接无线网如何获取IP地址摘要你好,方法一:1、点击桌面右下角的网络连接图标(下图箭头所示),然后点击“网络和共享中心”2、点击无线和网络连接3、在出现的

2024年6月30日 04:11

记事本vbs表白代码(抖音表白代码电脑弹窗表白怎么制作附制作方法)

记事本vbs表白代码(抖音表白代码电脑弹窗表白怎么制作附制作方法)

本文目录抖音表白代码电脑弹窗表白怎么制作附制作方法抖音上的表白代码是什么 抖音表白代码怎么写如何用vb编写个表白程序抖音表白代码电脑弹窗表白怎么制作附制作方法由于在抖音里有不少朋友对表白代码感兴趣,想要自己编写制作出各种表白代码。那么下面小

2024年4月2日 07:19

golang map(golang中map能嵌套map吗)

golang map(golang中map能嵌套map吗)

本文目录golang中map能嵌套map吗golang的类成员map会自动make么Golang 并发读写map安全问题详解golang 字符串转mapgolang中map能嵌套map吗自然是可以的,当然map不能作为另一个map的key,

2024年7月12日 06:28

js正则表达式分组匹配(js 正则表达式 匹配,必须由数字字母特殊符号组成的一段字符)

js正则表达式分组匹配(js 正则表达式 匹配,必须由数字字母特殊符号组成的一段字符)

本篇文章给大家谈谈js正则表达式分组匹配,以及js 正则表达式 匹配,必须由数字字母特殊符号组成的一段字符对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,可以解决了您的问题,不要忘了收藏本

2024年7月22日 20:17

betweenand(betweenand就近原则吗)

betweenand(betweenand就近原则吗)

本文目录betweenand就近原则吗between and什么意思betweenand就近原则吗between and不是就近也不是就远。and连接并列主语时,若意义为复数,则后面谓语用复数;若表示的是单数意义,后谓语用单数。1、betw

2024年7月17日 05:49

prefetch count(如何测试 rabbitmq 的性能)

prefetch count(如何测试 rabbitmq 的性能)

本文目录如何测试 rabbitmq 的性能DNF数据清理怎么用JVM所有参数一览如何测试 rabbitmq 的性能测试 rabbitmq 的性能方法如下:1、声明7个具有不同属性的queue,分别和名为test_exchage的exchan

2024年7月22日 10:15

scalewidth什么意思(scalewidth是什么)

scalewidth什么意思(scalewidth是什么)

本文目录scalewidth是什么vb中Height、Width、Left 和 ScaleTop、ScaleHeight ScaleWidth 有何区别VB PictureBox的ScaleWidth与WidthVB对象的Width He

2024年7月11日 12:13

近期文章

本站热文

iphone vpn设置(ios设置vpn快捷开关)
2024-07-22 15:01:12 浏览:2334
windows12正式版下载(操作系统Windows Server 2012 R2,在哪能下载到,公司用的)
2024-07-20 17:26:53 浏览:1731
java安装教程(win10如何安装JAVA)
2024-07-19 19:55:49 浏览:1156
client mfc application未响应(每次进cf就提示client MFC Application未响应该怎么办啊!急急急)
2024-07-20 11:15:58 浏览:1152
标签列表

热门搜索