位置: 编程技术 - 正文

JavaScript 面向对象编程(2) 定义类(javascript面向对象精要)

编辑:rootadmin
本文承接上一篇JavaScript面向对象编程(1) 基础。 上篇说过,JavaScript没有类的概念,需要通过函数来实现类的定义。先通过一个例子说明: function的定义实际上相当于类的构造函数,最后两句是创建这个类的实例。先分析第一句:var obj1 = new myClass(); 当用new创建类的实例时,解释器首先会创建一个空的对象。然后运行这个myClass函数,并将this指针指向这个类的实例。当碰到this.ID = id;和this.Name = name;及this.showMessage = function(){...}时,便会创建这两个属性,和这个方法,并把变量id,name的值一级函数的定义赋给这两个属性及这个函数对象(shwoMessage)。这个过程相当于初始化这个对象,类似于C# 中的构造函数。最后new返回这个对象。再看第二句:var obj2 = new myClass(); 执行过程与上一句代码相同,即创建一个空对象,然后执行myClass这个函数,定义两个属性和一个方法。 从上面的分析中可以看到,上面这种实现类的方式,即在函数的定义中定义类的属性方法。存在着弊端。如果需要创建两个或更多这个类的实例时,上文是两个,这些属性会被重复的创建多次。 那么如何避免这种情况呢?上一篇中也曾提到过用prototype。prototype和它的名字一样是一个原型,每一个function都有一个子对象prototype,它其实表示这个function对象的成员的集合,由于这里我们使用function实现类的,所以可以说prototype其实就是便是类的成员的集合。prototype定义的属性和方法执行在函数的构造体执行之前,所以当new一个对象之前,其实prototype的成员已经执行过了。先看一个例子: 类的结构还是和前面的例子相同,只不过这里是利用了prototype来实现。还是先看最后两句,前面说过,prototype是执行在函数构造体之前,即执行到var obj1 = new myClass();之前,这个类已经有了ID,Name属性和showMessage方法。执行者一句时执行过程如下,注意和前一个例子比较:首先还是创建一个空的对象,并把this指针指向这个对象。然后将函数的prototype对象的所有成员都赋给这个对象(注意没有再创建这些成员)。然后执行函数体。最后new返回这个对象。执行下一句时:同样执行此过程,不会重复创建这些成员。 上面的代码还只是一个例子,在实际的项目中,可能出现的是类中有大量的成员,同时可能需要创建大量的实例。这是prototype就会显示其优越性了。另外上面的代码中使用了大括号语法定义了prototype的成员,这样看起来代码更清晰。这是一种比较推荐的类的设计模式。当然在众多的项目中,可能还会发现更好的模式,我们也希望能有更优化的JavaScript的编程模式不断推陈出新,也希望随着时间的推移,各主流浏览器也对JavaScript的解析都标准,统一。 上面说过prototype定义的成员是发生在构造体之前,可以证明一下,在上面的例子中,构造体是空的,在构造函数中加入一句alert(this.Name);,当执行到var obj1 = new myClass();时,会看到弹出对话框,显示正确的属性值。 写了这段文字之后承蒙多为兄弟的点评,收获匪浅。对上面的例子进一步讨论,如下代码: 这里在myClass中定义了一个引用类型,其类型是我们自定义的一个subClass类,这个子类中有一个Name属性。由于prototype对象是共享的,按照我们上面的分析:在执行var obj1 = new myClass();时,会把myClass的prototype中的成员复制给这个obj1实例。但这里SubObj是一个引用类型,在执行到var obj2 = new myClass();时,prototype中的ID,Name成员会复制到obj2中,但SubObj这个属性不会复制过去,而是引用了prototype中的SubObj,所以因为上一句修改了obj1.Subobj.Name的值,所以在用new生成obj2实例时,引用到了修改后的值。 所以借用prototype定义类时,依然需要将属性定义在构造体中,而将方法定义在该构造体的原型上。如下: 关于私有成员,共有成员以及静态成员,类的继承,抽象类,虚方法,类的反射等实现方法,以后还会坚持写下去。不过我觉得需要说一下的是,我打算写的是JavaScript面向对象的基础实现,如果需要深入的学习建议参考李战老哥的“甘露模型”。

推荐整理分享JavaScript 面向对象编程(2) 定义类(javascript面向对象精要),希望有所帮助,仅作参考,欢迎阅读内容。

JavaScript 面向对象编程(2) 定义类(javascript面向对象精要)

文章相关热门搜索词:javascript面向对象吗,javascript面向对象编程 PDF,javascript面向对象编程指南,javascript面向对象编程指南第三版,javascript面向对象编程指南,javascript面向对象吗,javascript面向对象编程,javascript面向对象吗,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript 继承机制的实现(待续) 1.对象冒充原理:构造函数使用this关键字给所有属性和方法赋值(即采用类声明的构造函数方式)。因为构造函数只是一个函数,所以可使ClassA的构造

JavaScript 构造函数 面相对象学习必备知识 functionA(x){this.x=x;}varobj=newA(5);alert(obj.x);这段代码十分简单,但是我们重要的是看到了一个十分惊讶的结果,obj被我们赋予了一个属性x,就如同我们在C#

JavaScript 原型与继承说明 functionA(x){this.x=x;}alert(A.prototype);alert(A.prototype.constructor);根据弹出的结果,我们可以得到:原型对象是由函数的构造函数创建,它所拥有的属性能被所有

标签: javascript面向对象精要

本文链接地址:https://www.jiuchutong.com/biancheng/385713.html 转载请保留说明!

上一篇:JavaScript 面向对象编程(1) 基础(javascript面向对象精要pdf下载)

下一篇:JavaScript 继承机制的实现(待续)(js继承的方式)

  • 跨境电商小规模好还是一般纳税好
  • 固定资产累计折旧会计科目
  • 已申报个税减免什么意思
  • 附加税计提多了怎么调整税额
  • 哪个会计科目必须对全部项目发函证
  • 固定资产折旧计算公式
  • 什么企业可以开增值税专用发票
  • 增值税专用发票几个点
  • 审计库存现金盘点方法
  • 债转股资金
  • 罚款收据与通用的区别
  • 掌握无形资产核算方法
  • 银行本票结算分录
  • 外汇收支申报流程
  • 增值税负数如何计算
  • 企业所得税国税还是地税征管
  • 月工资和账户工资区别
  • 企业的筹资费用哪里找
  • 计划成本法下材料入库的会计分录
  • 帮其他公司垫付的钱怎么写分录
  • 未实缴出资的股权转让账务处理
  • 企业固定资产清单表格
  • 金税盘的用户名
  • 百旺发票修复怎么弄
  • 当月支付的费用需要计提吗
  • 穿越火线改名卡买完了怎么用
  • 鸿蒙大文件夹怎么设置透明度
  • win11更新补丁如何删除
  • 进货的折扣该怎么算
  • 【Fiddler Everywhere】史上最强抓包工具(安装 修改教程)
  • PHP:pg_result_status()的用法_PostgreSQL函数
  • 辛华达瀑布,加拿大贾斯珀国家公园 (© Schroptschop/Getty Images)
  • 博茨瓦纳热吗
  • 母公司收取子公司管理费用比例
  • 代境外汇款收的什么费用
  • php读取xml文件
  • 网络安全实验室
  • thinkphp pathinfo
  • 帝国cms安装教程
  • 旅行发票可以做账吗
  • 记账凭证银行利息入息
  • 用友财务软件怎么下载到电脑
  • 股东转股怎么办理
  • 申报的财务报表在哪里查询
  • 购进货物用于建筑安装
  • 工程物资残料价值
  • 玉米收购厂
  • 事业单位零余额账户使用流程
  • 净资产少于1元
  • 收到投资款证明怎么做账
  • 个体户员工要签劳动合同吗
  • 支付补偿款计入什么会计科目
  • 两个企业同一个法人
  • 公司社保委托代发银行是工资卡银行吗
  • 可供出售金融资产是指什么
  • 不动产租赁属于什么税目
  • 房租可以提前开票吗
  • 小规模纳税人季度不超30万怎么做账
  • 电汇凭证需要盖什么章
  • MySQL Index Condition Pushdown(ICP)性能优化方法实例
  • c 语言 mysql
  • sql语句重复
  • Winserver2012下mysql 5.7解压版(zip)配置安装教程详解
  • 苹果的os什么意思
  • vc_mbcsmfc.exe是什么
  • vs显示进程已退出
  • 巧用 Windows 系统控制台删除病毒文件
  • 物联网 iot
  • mac自动排序
  • 一键ghostcgi
  • win7系统如何创建管理员账户
  • windowsxp优化教程
  • 启动游戏出现dmp的文件
  • linux特殊权限命令
  • win7系统电脑怎么连接wifi
  • 启动dos快捷键
  • 视觉观点
  • python中列表的遍历
  • unity 角色
  • 如何知道公司所有账户
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设