位置: 编程技术 - 正文

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函数)

  • 亏损企业如何填报企业所得税
  • 代扣代缴个人所得税如何做账
  • 增值税税率是怎么规定的
  • 土地出让金会涨价吗
  • 贷款利息收入如何开票
  • 托收承付和委托收款的含义和相同之处
  • 建筑公司劳务分包抵扣分录
  • 政府返还的增值税怎么算
  • 自产商品用于在哪个科目
  • 个体户开运输发票怎么开
  • 专用基金计入什么科目
  • 会计核算制度包括哪些准则
  • 研发机构认定条件
  • 多交附加税怎么做会计分录
  • 劳务公司的暂估费是什么
  • 安全生产专项资金绩效目标
  • 报销发票会计怎么处理
  • 搬迁到新租赁厂房的费用入什么科目?
  • 房地产土地成本计算公式
  • 退关税怎么入账
  • 企业发给员工的福利要交税吗
  • 坏账损失做哪个科目
  • 怎么查银行账户余额
  • 香港公司的法人叫什么
  • windows10如何重置密码
  • Yii2隐藏frontend/web和backend/web的方法
  • 押金要不回来怎么办
  • avgserv9.exe是什么进程 avgserv9进程的详细介绍
  • 贷款的资产减值怎么处理
  • 短期借款和短期贷款
  • u8销售类型怎么设置
  • 员工的收入
  • 转让旧设备
  • php实现微信网页聊天功能
  • 企业现金流量表怎么分析
  • DeepLabV3+:Mobilenetv2的改进以及浅层特征和深层特征的融合
  • 混合销售与兼营行为的区别
  • 库存现金清零
  • span标签中的字符串怎么获取
  • html5 function
  • js 字符串 中 字符位置
  • 小规模企业应交税费
  • 商品和服务税收分类编码表下载
  • 微擎框架可以干什么
  • python用内置函数来打开文件
  • 买一赠一的销售方式
  • 织梦系统基本参数
  • 专票作废扣税吗
  • 公司购买办公楼需要缴纳城镇土地使用税吗
  • mysql数据损坏修复方法
  • 可供出售金融资产的会计处理
  • 高速公路费如何查询
  • 残保金是计入管理费用还是?
  • 通行费抵扣进项税怎么做账
  • 一般纳税人销售自己使用过的物品
  • 经营费用属于什么类科目
  • 独资合伙企业的特点
  • 计提工会经费如何做账
  • 支付结算办法是部门规章吗
  • 出口退税备案完事了,为什么还没有退税勾选那个模块
  • 收到股东投入材料怎么做账
  • 发票开票服务名称
  • 存货总账根据什么填列
  • win10预览版21390
  • ubuntu 操作系统
  • solaris 查看进程
  • vrvprotect.sys
  • 苹果mac 最新系统
  • centos mail命令
  • 命令行查看硬盘序列号
  • javascript获取数据类型
  • ztree getnodebytid
  • glGenTextures(GLsizei n, GLuint *textures)函数说明
  • 网页制作范例
  • unityui插件
  • bootstrap基础教程书籍
  • shell 非
  • javascript例题
  • Python性能优化指南
  • android模拟器无法运行
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设