位置: 编程技术 - 正文

详解JavaScript基于面向对象之创建对象(1)(js基础)

编辑:rootadmin

推荐整理分享详解JavaScript基于面向对象之创建对象(1)(js基础),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js基础,js基础,javascript基础,js基础,javascript基础,javascript基于,javascript的基础类型,javascript基于,内容如对您有帮助,希望把文章链接给更多的朋友!

这一次我们深入的学习一下JavaScript面向对象技术,在学习之前,必要的说明一下一些面向对象的一些术语。这也是所有面对对象语言所拥有的共同点。有这样几个面向对象术语:一、对象 ECMA-把对象(object)定义为“属性的无序集合,每个属性存放一个原始值、对象或函数”。严格来说,这意味着对象是无特定顺序的值的数组。尽管ECMAScript如此定义对象,但它更通用的定义是基于代码的名词(人、地点或事物)的表示。二、类 每个对象都由类定义,可以把类看做对象的配方。类不仅要定义对象的接口(interface)(开发者访问的属性和方法),还要定义对象的内部工作(使属性和方法发挥作用的代码)。编译器和解释程序都根据类的说明构建对象。三、实例 程序使用类创建对象时,生成的对象叫作类的实例(instance)。对类生成的对象的个数的唯一限制来自于运行代码的机器的物理内存。每个实例的行为相同,但实例处理一组独立的数据。由类创建对象实例的过程叫做实例化(instantiation)。 在前面的章节我们提到过,ECMAScript并没有正式的类。相反,ECMA-把对象定义描述为对象的配方。这是 ECMAScript逻辑上的一种折中方案,因为对象定义实际上是对象自身。即使类并不真正存在,我们也把对象定义叫做类,因为大多数开发者对此术语更熟悉,而且从功能上说,两者是等价的。 使用预定义对象只是面向对象语言的能力的一部分,它真正强大之处在于能够创建自己专用的对象。ECMAScript 拥有很多创建对象的方法。1、原始方式 因为对象的属性可以在对象创建后动态定义,所有许多开发者都在JavaScript 最初引入时编写类似下面的代码:

详解JavaScript基于面向对象之创建对象(1)(js基础)

在上面的代码中,创建对象Car。然后给它设置几个属性:它的颜色是蓝色,有四个门,每加仑油可以跑 英里。最后一个属性实际上是指向函数的指针,意味着该属性是个方法。执行这段代码后,就可以使用对象Car。不过这里有一个问题,就是可能需要创建多个Car的实例,这样就造成了我们会重复许多类似的代码,这样会很麻烦。2、工厂方式 要解上述的多个类似对象声明的问题,开发者创造了能创建并返回特定类型的对象的工厂方式。这种方式就是为了解决实例化对象产生大量重复的问题。(1)无参数的工厂方式 例如,函数createCar()可用于封装前面列出的创建Car对象的操作:

在这里,第一个例子中的所有代码都包含在createCar()函数中。此外,还有一行额外的代码,返回TempCar 对象作为函数值。调用此函数,将创建新对象,并赋予它所有必要的属性,复制出一个我们在前面说明过的Car对象。因此,通过这种方法,我们可以很容易地创建Car对象的两个版本(Car1和 Car2),它们的属性完全一样。(2)有参数的工厂方式 我们还可以修改createCar()函数,给它传递各个属性的默认值,而不是简单地赋予属性默认值:

给createCar()函数加上参数,即可为要创建的Car对象的color、doors 和mpg属性赋值。这使两个对象具有相同的属性,却有不同的属性值。 工厂方式解决了重复实例化的问题,但是还是有一个问题,那就是前面的例子中,每次调用函数createCar(),都要创建新函数showColor(),意味着每个对象都有自己的 showColor() 版本。而事实上,每个对象都共享同一个函数。有些开发者在工厂函数外定义对象的方法,然后通过属性指向该方法,从而避免这个问题:

在上面这段重写的代码中,在函数 createCar()之前定义了函数 showColor()。在createCar()内部,赋予对象一个指向已经存在的 showColor() 函数的指针。从功能上讲,这样解决了重复创建函数对象的问题;但是从语义上讲,该函数不太像是对象的方法。所有这些问题都引发了开发者定义的构造函数的出现。3、构造函数方式 创建构造函数就像创建工厂方式的函数一样容易。第一步选择构造函数的名字。根据惯例,这个名字的首字母大写,以使它与首字母通常是小写的变量名分开。除了这点不同,构造函数看起来很像工厂方式的函数。请看下面的例子:

下面为您解释上面的代码与工厂方式的差别。首先在构造函数内没有创建对象,而是使用this关键字。使用new运算符构造函数时,在执行第一行代码前先创建一个对象,只有用this才能访问该对象。然后可以直接赋予this属性,默认情况下是构造函数的返回值(不必明确使用 return 运算符)。现在,用new运算符和对象名Car创建对象,就更像 ECMAScript 中一般对象的创建方式了。 就像工厂方式的函数,构造函数会重复生成函数,为每个对象都创建独立的函数版本。不过,与工厂方式的函数相似,也可以用外部函数重写构造函数,同样地,这么做语义上无任何意义。这正是下面要讲的原型方式的优势所在。在下篇文章中会详细的分析面向对象的原型方式以及其他综合的方式。

标签: js基础

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

上一篇:JavaScript动态创建form表单并提交的实现方法(如何用js动态创建div)

下一篇:JS提交form表单实例分析(js怎么拿到表单提交数据)

  • 土地增值税与增值税
  • 财务人员办理会计业务
  • 应收账款平均余额公式
  • 个人经营所得税减免税优惠政策
  • 用友t6如何生成当月的财务报表
  • 到期一次还本付息的债券投资摊余成本
  • 综合利用资源减计收入
  • 个体工商户发票额度
  • 保证金可以挪用吗
  • 行政单位收入支出结转
  • 出纳都需要做什么表格
  • 营业外收入包括其他业务收入吗
  • 企业存款利息收入税率
  • 销售人员的提成属于什么工资
  • 企业外包项目如何确认收入成本配比?
  • 小微企业减半征收城建税
  • 进项税发票已经认证但对方又作废
  • 收了款未开票凭证如何做
  • 重置申报清册是什么意思
  • 城市生活垃圾处理费应该交吗
  • 增值税发票查验平台显示查无此票
  • 企业接受大额捐赠,可以分次确认收入缴纳企业所得税吗?
  • 转账支票可不可以挂失止付
  • 如果月初忘记抄税直接开票怎么办
  • 股权增资稀释股价会涨吗
  • 一般纳税人几个点的税
  • 主营业务收入和其他业务收入的区别
  • 给员工发放奖励计入
  • 内部调拨账务处理
  • 信息化生产力是指什么
  • 至极加速
  • 电脑开机弹出很多广告窗口怎么办win10
  • 马齿笕对什么病最有效?
  • 房产税缴纳标准是多少
  • 虚开发票的管理办法是什么?
  • call for conference paper
  • vue组件继承并重写属性方法
  • 简述php中常用魔术方法及其各自的作用
  • php代码规范七大原则
  • token登录器
  • 批发企业商品盘点发生短缺时
  • 个税中累计住房怎么计算
  • css怎样设置行间距
  • dmesg | grep tty
  • php强制下载文件在哪
  • php gdb
  • 运输费怎么做会计分录
  • 应付职工薪酬中社保费怎么记账
  • 申报完成后怎么处理
  • 现金流量表里的其他指的是什么
  • 预算凭证可以单张打印吗
  • 普通发票红冲需要拿回原发票吗
  • 织梦内容页模板修改
  • 发票金额大于付款金额怎么做账
  • 一般纳税人作废发票的流程
  • 转让土地如何做会计分录
  • 个人代人开普票个税怎么算
  • 超过两年记入错误的主营业务成本怎么调账?
  • 外单位替本单位缴纳社保
  • 购税盘怎么做会计分录
  • 非现金资产抵偿债务
  • 会计账务处理程序有哪些类型
  • 建筑业建议
  • 申请享受免税资金的条件
  • 管理会计运用什么软件
  • mysql handshake
  • centos lftp
  • xp系统的程序和功能在哪里
  • ubuntu源代码
  • linux必不可少的分区
  • win10系统怎么设置默认打印机
  • 文科生也能看懂的电子电路学PDf
  • option标签的作用
  • nodejs xhr
  • 批处理自动关闭
  • vue.js如何使用
  • Emeditor与dos(cmd)经典使用技巧之批量生成网页
  • 青岛市高新区是红岛吗
  • 湖北省国家税务局历任局长
  • 小规模纳税人的增值税怎么计算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设