位置: 编程技术 - 正文

JavaScript代码复用模式详解(js复制字符串的方法)

编辑:rootadmin

推荐整理分享JavaScript代码复用模式详解(js复制字符串的方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js复制数组的方法,js复制字符串的方法,js复选框代码,js复制代码,js复制字符串的方法,js 复制函数,js代码复用,js复制代码,内容如对您有帮助,希望把文章链接给更多的朋友!

代码复用及其原则

代码复用,顾名思义就是对曾经编写过的代码的一部分甚至全部重新加以利用,从而构建新的程序。在谈及代码复用的时候,我们首先可以想到的是继承性。代码复用的原则是:

在js中,由于没有类的概念,因此实例的概念也就没多大意义,js中的对象是简单的键-值对,可以动态的创建和修改它们。

但在js中,我们可以使用构造函数和new操作符来实例化一个对象,这与其他使用类的编程语言在语法上有其相似之处。

例如:

js在调用构造函数Person时似乎看起来是一个类,但其实际上仍然是一个函数,这让我们产生了一些假定在类的基础上的开发思路和继承模式,我们可以称之为“类式继承模式”。

传统的继承模式是需要class关键字的,我们假定以上的类式继承模式为现代继承模式,这是一种不需要以类的方式考虑的模式。

类式继承模式

看下面两个构造函数Parent()和Child()的例子:

当使用new Child()语句创建一个对象时,它会通过原型从Parent()实例获取它的功能,比如:

原型链

讨论一下类式继承模式下原型链的工作原理,我们将对象看做是内存中某处的块,该内存块包含数据以及指向其他块的引用。当用new Parent()语句创建一个对象时,就会创建如下图左边的这样一个块,这个块保存了name属性,如果想访问say()方法,我们可以通过指向构造函数Parent()的prototype(原型)属性的隐式链接__proto__,便可访问右边区块Parent.prototype。

JavaScript代码复用模式详解(js复制字符串的方法)

那么,当使用var kid = new Child()创建新对象时会发生什么?如下图:

使用new Child()语句所创建的对象除了隐式链接__proto__外,它几乎是空的。这种情况下,__proto__指向了在inherit()函数中使用new Parent()语句所创建的对象

当执行kid.say()时,由于最左下角的区块对象并没有say()方法,因此他将通过原型链查询中间的区块对象,然而,中间的区块对象也没有say()方法,因此他又顺着原型链查询到最右边的区块对象,而该对象正好有say()方法。完了吗?

执行到这里的时候并没有完,在say()方法中引用了this.name,this指向构造函数所创建的对象,在这里,它指向了new Child()这个区块,然而,new Child()中并没有name属性,为此,将查询中间区块,而中间区块正好有name属性,至此,原型链的查询完毕。

更详细的讨论请查看我这篇文章:javascript学习笔记(五)原型和原型链详解

共享原型

本模式的法则在于:可复用的成员应该转移到原型中而不是放置在this中。因此,处于继承的目的,任何值得继承的东西都应该放在原型中实现。所以,可以将子对象的原型与父对象的原型设置为相同即可,如下示例所示:

子对象和父对象共享同一个原型,并且可以同等的访问say()方法。然而,子对象并没有继承name属性

原型继承

原型继承是一种“现代”无类继承模式。看如下实例:

在原型模式中,并不需要使用对象字面量来创建父对象。如下代码所示,可以使用构造函数来创建父对象,这样做的话,自身的属性和构造函数的原型的属性都将被继承。

本模式中,可以选择仅继承现有构造函数的原型对象。对象继承自对象,而不论父对象是如何创建的,如下实例:

JavaScript函数模式详解 在javascript中,函数是一类对象,这表示他可以作为参数传递给其他函数;此外,函数还可以提供作用域。js函数基础部分:javascript学习笔记(四)functio

js 操作符汇总 逻辑或(||)varresult=true||false;与逻辑与操作相似,如果有一个操作数不是布尔值,逻辑或也不一定返回布尔值;此时,它遵循下列规则:□如果第一个操作

浅谈JS闭包中的循环绑定处理程序 前几天工作中写前端js代码时,遇到了遍历元素给它添加单击事件。就是这个问题让我整整调了一个下午。最后还是下班回家,上网查资料才知道怎么解

标签: js复制字符串的方法

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

上一篇:网页中表单按回车就自动提交的问题的解决方案(frontpage网页表单)

下一篇:JavaScript函数模式详解(js function函数)

  • 营业外收入做销项税调整
  • 投资收益免征企业所得税
  • 政府专项补助资金需要交所得税吗
  • 小规模税收优惠政策1%到什么时候
  • 应付职工薪酬期末余额怎么算
  • 季度预缴能不能弥补亏损
  • 营改增后房地产企业账务处理
  • 资产损失企业所得税扣除
  • 工程预付款是否监管
  • 油费预付卡如何开发票
  • 一般纳税人可以转小规模吗
  • 事业单位经营结余贷方转入哪里
  • 租地协调费没发票怎么入账?
  • 无形资产根据什么填列资产负债表
  • 境外增值税代扣代缴
  • 制造费用的核算程序是什么
  • 法律关系的内容是指
  • 小微企业2018年所得税税率
  • 最新增值税申报实操
  • 核定征收取消了
  • 机动车发票有几联
  • 工业产值怎么计算的 统计
  • 收入税金摘要怎么写
  • 冲费用挂账怎么做账
  • 库存商品售价
  • 在windows7的
  • 如何关闭windows10自动更新
  • linux怎么设置
  • 百内国家公园塔状尖峰
  • iis6配置php网站
  • ping命令测试结果
  • php数组操作
  • 直系亲属股权转让免征个人所得税
  • 代办退税账务处理
  • 业务招待费应计入期间费用的哪项费用
  • 企业购进废旧厂房税率
  • vue初始化命令
  • 图像超分辨率重建数据集
  • nbtstat命令
  • ps去水印的三种方法
  • python用内置函数来打开文件
  • java泛型E和T
  • 利息收入做账
  • 资产减值损失是费用吗
  • u8已经记账的凭证怎么修改
  • 管理费用主要核算内容包括什么?
  • 出租车票做什么科目
  • 工程项目该如何分类
  • 以美元报关是否要交税
  • sqlserver2008无法连接到local用户登录失败
  • 其他权益工具投资出售时账务处理
  • 车辆抵押贷款怎么办理
  • 政府奖励金怎么发放
  • 住宿发票费率是多少
  • 公益性捐赠会计利润总额计算方法
  • 研发加计扣除抵减税额怎么算
  • 会计处理的相关知识点
  • 出口发票上的汇票是什么
  • 物料损失怎么入账
  • 资产负债表税务局能看到吗
  • 收到票据之后贴什么标签
  • 固定资产是指什么
  • mysql添加myini
  • sql servererror40
  • mysql一闪而退
  • xp系统 控制面板
  • 苹果电脑mac设备怎么删除
  • Windows RT 8.1 Update 3新特性曝光 9月推出
  • win10 ie8浏览器
  • win10时间不见了怎么办
  • win10家庭版如何设置永不更新
  • linux的截图工具
  • FIF互动帮助手册系列-HTML手册 flash版
  • 解决胃胀气最快方法
  • jquery mobile 加载页面
  • 电子税务局官网江西省
  • 临时占地耕地占用税纳税义务发生时间
  • 自然人电子税务局下载
  • 广东etc扣费异常打哪个电话
  • 房山税收减免政策文件
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设