位置: 编程技术 - 正文

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

  • 山西税务年度申报在晋税通中怎么申报
  • 应交代扣利息税
  • 主营业务利润和利润总额
  • 金蝶结转销售成本
  • 教育行业税收优势分析
  • 支付给个人的佣金费用需要发票吗
  • 销售额负数怎么报税
  • 科技公司技术服务费计入什么科目
  • 小规模公司初期注销流程
  • 税务大厅可以开票吗
  • 开房屋租金发票需要带什么资料
  • 材料加工计入什么科目
  • 材料采购发生的合理损耗计入
  • 收入跨期审计调整分录如何滚调
  • 营业外支出罚款要交税吗
  • 营改增各项业务销售额按照什么确定
  • 差额发票开具的步骤
  • 国际收款产生的手续费账务处理
  • win11和win10哪个玩游戏好
  • 如何查看系统浏览器记录
  • 住房公积金扣除标准为每月
  • 怎么跟银行谈停息挂账
  • 支付店面租金为什么是管理费用
  • 发生以前年度损益调整
  • 公司抵押贷款的担保人
  • wordpress访问速度优化
  • 设备安装用工程造价吗
  • 酒店购啤酒属于什么科目
  • 杜鹃花怎么养家庭养法视频
  • 交个税手续费账务处理
  • 微信php开发
  • 企业获得境外咨询费
  • 买入返售金融资产和卖出回购金融资产
  • es6面试题promise
  • js轮播图视频教程
  • 使用微软必应需要哪些条件
  • 发票中食品属于哪一类
  • 刚成立的新公司怎么报税
  • 私对公开发票需要什么
  • 先开票后发货如何操作
  • python线程和协程
  • 【MongoDB for Java】Java操作MongoDB数据库
  • 取得发票没有加税怎么办
  • 大额医疗保险计入什么科目
  • 计提加计抵减额在财务报表里哪里体现
  • 免税收入和不征税收入有何区别
  • mysql常见故障
  • 公款私存个人检讨
  • 以前年度损益调整结转到哪里
  • 在软件中的操作有哪些
  • 应收账款计提坏账影响利润吗
  • 公司收到虚开发票
  • 子公司注销母公司收回现金流
  • 利息保障倍数多少算正常
  • 销售退回的账务处理红字
  • 业务招待费可以结转下年抵扣吗
  • 软件租赁费入什么账户
  • 餐饮业厨师的工资计入主营业务成本吗
  • 建账及账务处理步骤
  • sql中where语句的写法
  • 数据库中经常用的函数
  • windowsserver2008密码规则
  • u盘安装启动盘
  • 怎么关闭获取手机信息
  • mac os 如何备份
  • win10registry
  • 持久化存储数据的方式
  • python opencv
  • node.js在网页制作中的作用
  • bat修改注册表数值
  • ubuntu不待机
  • mac打开多个窗口
  • python 中的列表
  • unity2018.4破解
  • 安卓手机管家怎么关闭
  • 安卓开发速成
  • 杭州市国税稽查三科科长
  • 党建阵地作用发挥不好
  • 河北省云办税厅
  • 统一社会信用代码有什么用
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设