位置: 编程技术 - 正文

JavaScript的继承实现小结(js的继承方式)

编辑:rootadmin

推荐整理分享JavaScript的继承实现小结(js的继承方式),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js继承的三种方法,javascript类的继承,js继承的三种方式,js的继承方式,javascript中的继承,js继承的三种方式,js继承的三种方法,js继承的三种方式,内容如对您有帮助,希望把文章链接给更多的朋友!

最近在忙前端的工作,因为之前做.net和php的开发比较多,前端开发喜欢把库拿来就用,几次事实证明,不懂原理,连改代码也改不好,所以还是下定决心研究下JavaScript的几个技术难点。

0x1.JavaScript的对象和构造函数

定义一个JavaScript对象可以这么定义

这样,你就定义了一个变量a,这个变量除了有x和y两个公有成员外,还有两个add和mul两个函数(公有方法)。但是这样的定义方法的缺点有2条:

1.批量生成对象很不方便,如果你var b=a;那么你每次修改b的成员,都会同时改掉a的成员,因为JavaScript的引用机制

2.如果每次生成对象需要自定义一些成员,都要写出相应的赋值操作,增加代码行数。

所以,在定义一个JavaScript对象之前,我们可以先定义一个构造函数。

然后,定义一个对象

上面这句代码看起来简单,但是要和C++等面向对象的语言做个区分,A并不是严格意义上“类”的概念,因为JavaScript是没有类的,只是调用了构造函数而已。

现在问题来了,我们怎么实现继承?C++把封装,继承,多态这三个面向对象的特征实现得清清楚楚。但是对于JavaScript这样一个比较浪的语言,没有一个很严格的继承机制,而是采用以下几种方式来模拟。

0x2.JavaScript的prototype

为了能够讲清后面的apply或call函数,这里先引入prototype。prototype是只有Function才有的。

JavaScript的继承实现小结(js的继承方式)

要用好继承,首先要明白为什么要设计继承这个东西?无非就是“把公共的部分”提取出来,实现代码复用。

所以在JavaScript里,也是把公共部分放在Function的prototype里。

我们来比较两个用prototype来实现继承的例子

这个例子中,子类的prototype指向一个A类对象

我们再实现一个B继承A的例子:

B的prototype对象引用了A的prototype对象,因为是引用,所以如果修改了B的prototype对象,A的prototype对象也随之修改,因为本质上他们都指向一块内存。所以每次改动B类型的prototype都要手动将constructor改回,防止错乱。相比两个例子,上一个例子因为没有引用,所以不会发生这个问题。

创建一个B类型的对象

b对象具有A类型的一切成员

因为每个prototype对象都有两个重要成员:constructor和_proto_,constructor本质上是一个函数指针,所以B.prototype=A.prototype执行后,覆盖掉了constructor,所以后面要让constructor重新指向B类型的构造函数。

0x3.JavaScript的构造函数绑定

在定义完一个A类型的构造函数后,再定义一个B类型,然后在B类型构造函数内部,“嵌入执行”A类型的构造函数。

apply函数和call函数基本一样,可以在B类型构造函数内部执行A类型构造函数。同时也可以继承A的所有成员。

显示结果:

这里给个公式:在B构造函数里写A.apply(this),可以让B构造出来的对象可以拥有A构造函数里的所有成员。

谈到apply和call,还可以实现多重继承

标签: js的继承方式

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

上一篇:JavaScript函数表达式详解及实例(js函数详解)

下一篇:Javascript继承机制详解(js继承怎么实现)

  • 没有审计报告的上市公司怎么办
  • 股权转让的相关文件有哪些
  • 购买土地税率是多少
  • 不征收增值税的有哪些
  • 劳务报酬收入是否含税
  • 空调可以直接做费用吗
  • 所得税季报填错了已经申报了
  • 企业的两金是哪两金
  • 生产企业购入材料怎么做分录
  • 商业银行贷款账号如何查询
  • 存货项目包括哪些具体内容
  • 所得税汇算清缴补税的会计处理
  • 资产一次性摊销
  • 公司发放节日礼品
  • 发票专用章只能盖一个
  • 开进来的发票冲红怎么处理?
  • 在深圳如何办理护照流程
  • 个人所得税深圳税务
  • 保理利率多少可以买房
  • 固定资产一次性计入费用的账务处理
  • 付款方付款的发票税金能入账吗?
  • 商业企业成本核算内容包括
  • 机械设备已使用怎么处理
  • 合同资产对应的成本
  • 生活补贴和节日补贴区别
  • 小规模纳税人发生销售退回如何申报
  • 进项税额及存货减值
  • 借支单如何做账科目
  • 合伙企业收到分红需要交所得税吗
  • wcu.exe是什么
  • 未分配利润可以用来干什么
  • 费用超额怎么写申请
  • 冲回暂估分录
  • 企业支付给员工的一次性伤残就业补助金计入什么科目
  • php 动态执行代码
  • 座头鲸救人
  • typescript tsconfig
  • 一般纳税人设备安装税率
  • 应发工资与应税的区别
  • 公司做的样品展示怎么入账
  • 经营性现金流量为什么要加上折旧
  • 如何在sql server中打开已有数据库
  • 出口销售收入要交印花税吗
  • 所得税季报中的营业收入包括营业外收入吗
  • 实际发的工资跟个人所得税不一样怎么办
  • 汇算清缴需要传票么
  • 公司给材料商付款表格
  • 出口应纳增值税
  • 公司 股东 变更
  • 别的公司代付货款
  • 收到赞助费如何开发票
  • 取得普通发票怎么做账
  • 报关金额多报了900美金怎么办
  • 待摊费用和预提费用的区别
  • 总账的设置和登记实训报告
  • 商业企业费用科目
  • sql批量替换字符串
  • win8系统之家官网
  • windows集群运行
  • ubuntu安装哪个版本
  • safari macos
  • spools.exe - spools是什么进程 有何作用
  • 任务管理器打不开怎么强制关闭电脑程序
  • windows7的管理在哪里
  • 在Linux下HTTPie工具的使用教程
  • jquery示例
  • [置顶]电影名字《收件人不详》
  • opengl 2
  • python中随机数的用法
  • string剪切
  • unity3dwasd移动
  • JavaScript事件类型中焦点、鼠标和滚轮事件详解
  • django admin form
  • 关于怀孕在线咨询
  • 湘医保缴费怎么网上缴费
  • 江西省国家税务局李德平
  • 长沙税务局几点上班下午
  • 在医院如何开报告单
  • 申请农合减免
  • 公司税务怎么查询缴款信息呢
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设