位置: 编程技术 - 正文

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

  • 房产税的房产原值是什么
  • 业务招待费税前扣除标准是
  • 增值税专用发票抵扣期限
  • 月末一般无余额的有
  • 长期债权投资是什么科目借贷
  • 普通发票没有明细可以吗
  • 应交税费消费税分录
  • 本月开的发票次月预缴如何做会计分录呢?
  • 计提个税会计分录怎么理解
  • 企业要怎样才能发挥其在实现生态产品价值过程中的作用
  • 计提工资会计科目怎么写
  • 制造型企业采购
  • 活动费的税率
  • 金税盘里的增值税怎么算
  • 金税盘怎么清盘视频
  • 广告费准予扣除怎么算
  • 环保设备的折旧计入
  • 支票收款
  • 企业筹办期多久
  • 帮客户采购会计分录
  • 核定征收的企业可以享受税收优惠吗
  • 境外代扣代缴所得税
  • mac怎么连接蓝牙鼠标
  • 王者荣耀如何充值退款
  • 金融企业贷款损失准备金税务管理
  • 开成品油发票要注意什么?
  • 台式电脑开不了机怎么办 屏幕黑屏
  • androirc下载
  • php bcmul
  • php 设计模式
  • 总部资产减值测试例题
  • 工程施工与工程结算会计科目
  • 电脑卡住了按什么键回到桌面
  • mac怎么写代码
  • 股权转让个人所得税优惠政策
  • 工程未审计资金能支付到多少
  • 营改增后小规模纳税人标准
  • thinkphp 模块
  • 个人开发app最简单方法
  • vuex详解和用法
  • 确认的政府补助利得可以确认为收入吗
  • 哈士奇新手礼包
  • thinkphp消息通知
  • 房屋租赁费属于什么税收分类编码
  • bat 进入当前文件夹
  • 连锁店总部的组织架构
  • 计算分配本月职工工资会计分录
  • 红字发票是不是就是红冲了
  • 话费补贴算工资还是福利
  • 材料已经入库但是没有发票怎么做账
  • 清包工开发票需要注意事项
  • 电子发票的优点好处
  • 可以抵扣的进项发票有哪些
  • 珠宝行业的会计处理方式
  • 无形资产达到可使用状态前如何入账
  • 企业接受股东划入资产的处理
  • 增值税申报开具其他发票包含哪些
  • 汽车租赁的会计处理
  • 公司加班的餐费怎么算
  • 现销方式
  • 金税盘的维护费每年怎么抵扣
  • mysql 5.5 5.6
  • mysql闪退怎么回事
  • sqlmap 提权
  • docker mysql 数据存储容器目录
  • linux禁止root用户远程登录
  • iptables配置详解
  • windows7桌面回收站打不开
  • win10预览版和正式版区别
  • 安装ghost win7
  • opengl1
  • 在文本输入框中的输入内容是
  • ie在支持ftp的功能方面
  • 安卓网络编程面试题
  • unity反射效果
  • jQuery simplePage+AJAX plus分页插件用法实例
  • 如何查政审合不合格
  • 江苏税务新办企业套餐
  • 柬埔寨现在的领导
  • 广汽传祺gs52013款2.0自动怎么样
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设