位置: 编程技术 - 正文

跟我学习javascript的prototype使用注意事项(java learning)

编辑:rootadmin

推荐整理分享跟我学习javascript的prototype使用注意事项(java learning),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:java教程 视,java教程,java learning,java script,java learning,java learning,java教程,java script怎么学,内容如对您有帮助,希望把文章链接给更多的朋友!

一、在prototype上保存方法

不使用prototype进行JavaScript的编码是完全可行的,例如:

当创建了多个User类型的实例时,就存在问题了:不仅是name和passwordHash属性在每个实例上都存在,toString和checkPassword方法在每个实例上都有一份拷贝。就像下图表示的那样:

但是,当toString和checkPassword被定义在prototype上时,上图就变成下面这个样子了:

toString和checkPassword方法现在定义在了User.prototype对象上,也就意味着这两个方法只存在一份拷贝,并被所有的User实例共享。

也许你会认为将方法作为拷贝放在每个实例上,会节省方法查询的时间。(当方法定义在prototype上时,首先会在实例本身上寻找方法,如果没有找到才会去prototype上继续找)

但是在现代的JavaScript执行引擎中,对方法的查询进行了大量优化,所以这个查询时间几乎是不需要考虑的,那么将方法放在prototype对象上就节省了很多内存。

二、使用闭包来保存私有数据

JavaScript的对象系统从其语法上而言并不鼓励使用信息隐藏(Information Hiding)。因为当使用诸如this.name,this.passwordHash的时候,这些属性默认的访问级别就是public的,在任何位置都能够通过obj.name,obj.passwordHash来对这些属性进行访问。

在ES5环境中,也提供了一些方法来更方便的访问一个对象上所有的属性,比如Object.keys(),Object.getOwnPropertyNames()。所以,一些开发人员使用一些规约来定义JavaScript对象的私有属性,比如最典型的是使用下划线作为属性的前缀来告诉其他开发人员和用户这个属性是不应该被直接访问的。

但是这样做,并不能从根本上解决问题。其他开发人员和用户还是能够对带有下划线的属性进行直接访问。对于确实需要私有属性的场合,可以使用闭包进行实现。

从某种意义而言,在JavaScript中,闭包对于变量的访问策略和对象的访问策略是两个极端。闭包中的任何变量默认都是私有的,只有在函数内部才能访问这些变量。比如,可以将User类型实现如下:

此时,name和passwordHash都没有被保存为实例的属性,而是通过局部变量进行保存。然后根据闭包的访问规则,实例上的方法可以对它们进行访问,而在其它地方则不能。

使用这种模式的一个缺点是,利用了局部变量的方法都需要被定义在实例本身上,不能讲这些方法定义在prototype对象上。正如在Item中讨论的那样,这样做的问题是会增加内存的消耗。但是在某些特别的场合下,即使将方法定义在实例上也是可行的。

三、实例状态只保存在实例对象上

跟我学习javascript的prototype使用注意事项(java learning)

一个类型的prototype和该类型的实例之间是”一对多“的关系。那么,需要确保实例相关的数据不会被错误地保存在prototype之上。比如,对于一个实现了树结构的类型而言,将它的子节点保存在该类型的prototype上就是不正确的:

当状态被保存到了prototype上时,所有实例的状态都会被集中地保存,在上面这种场景中显然是不正确的:本来属于每个实例的状态被错误地共享了。如下图所示:

正确的实现应该是这样的:

此时,实例状态的存储如下所示:

可见,当本属于实例的状态被共享到prototype上时,也许会产生问题。在需要在prototype上保存状态属性前,一定要确保该属性是能够被共享的。

总体而言,当一个属性是不可变(无状态)的属性时,就能将它保存在prototype对象上(比如方法能够被保存在prototype对象上就是因为这一点)。当然,有状态的属性也能够被放在prototype对象上,这要取决于具体的应用场景,典型的比如用来记录一个类型实例数量的变量。使用Java语言作为类比的话,这类能够存储在prototype对象上的变量就是Java中的类变量(使用static关键字修饰)。

四、避免继承标准类型

ECMAScript标准库不大,但是提供了一些重要的类型如Array,Function和Date。在一些场合下,你也许会考虑继承其中的某个类型来实现特定的功能,但是这种做法并不被鼓励。

比如为了操作一个目录,可以让目录类型继承Array类型如下:

但是可以发现,dir.length的值是0,而不是期待中的3。

发生这种现象的原因在于:只有当对象是真正的Array类型时,length属性才会起作用。

在ECMAScript标准中,定义了一个不可见的内部属性被称为 [[class]]。该属性的值只是一个字符串,所以不要被误导认为JavaScript也实现了自己的类型系统。所以,对于Array类型,这个属性的值就是“Array”;对于Function类型,这个属性的值就是“Function”。下表是ECMAScript定义的所有[[class]] 值:

那么当对象的类型确实是Array时,length属性的特别之处就在于:length的值会和该对象中被索引的属性个数保持一致。比如对于一个数组对象arr,arr[0]和arr[1]就表示该对象有两个被索引的属性,那么length的值就是2。当添加了arr[2]的时候,length的值会被自动同步成3。同样地,当设置length值为2时,arr[2]会被自动设置成undefined。

但是当继承Array类型并创建实例时,该实例的 [[class]] 属性并不是Array,而是Object。因此length属性不能正确的工作。

在JavaScript中,也提供了用于查询 [[class]] 属性的方法,即使用Object.prototype.toString方法:

因此,更好的实现方法是使用组合而不是继承:

以上代码将不再使用继承,而是将一部分功能代理给内部的entries属性来实现,该属性的值是一个Array类型对象。

ECMAScript标准库中,大部分的构造函数都会依赖内部属性值如 [[class]] 来实现正确的行为。对于继承这些标准类型的子类型,无法保证它们的行为是正确的。因此,不要继承ECMAScript标准库中的类型如: Array, Boolean, Date, Function, Number,RegExp,String

标签: java learning

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

上一篇:js弹出对话框方式小结(js中弹出对话框)

下一篇:javascript实现省市区三级联动下拉框菜单(js实现@功能)

  • 投资公司取得的投资收益属于销售额吗
  • 滞留票税务局会罚款多少
  • 合并抵消分录的原理是什么
  • 支票报销是怎么操作的
  • 单位职工住周转房是否缴纳房租
  • 外商投资企业清算审计报告
  • 异地上班员工报销路费
  • 收到发票多开税额进项转出是怎样的?
  • 应交所得税的计算例题
  • 小规模转为一般纳税人最新规定
  • 增值税未实际收到款项可以抵扣吗?
  • 增值税普票收款人
  • 公司按月工资怎么算
  • 二手房交易需要多长时间?
  • 消费税漏缴怎么补缴
  • 小规模纳税人增值税免征额
  • 纳税人拒绝代扣代缴,扣缴义务人应当
  • 生产车间制造费用包括
  • 固定资产处置要交所得税吗
  • 公司亏损应该从哪入手
  • 企业出现销售折扣时如何处理
  • 增值税免税项目和免征增值税的区别
  • 企业支付个人劳务费需要发票吗
  • 认定科技型中小企业简单吗
  • 公司主要开支是指什么
  • 经营租入的设备能够确认为资产吗
  • 减半征收所得税的有哪些
  • 发票开了对方未付款
  • 携税宝续费
  • islp2sta.exe - islp2sta是什么进程 有什么作用
  • phpstorm怎么用
  • 可以跨城租车吗
  • 合宙air32f103 stlink
  • midjourney 初级使用说明
  • 预付装修款账务处理
  • 企业增值税发票管理办法
  • 限定性净资产的限定主体是
  • 增值税进项税额在借方还是贷方
  • 账簿启用交接表图片
  • 平时加班和节假日加班工资
  • 贴现业务受理该怎么做
  • 企业开办前需要预测现金流量计划吗
  • 建筑公司购买材料直接入工程施工了可以吗?
  • 工程物资到货管理
  • 员工工资扣工作服押金怎么做账呢
  • 安家费有税吗
  • 在建工程领用原材料税费怎么处理
  • 个人独资企业费用扣除
  • 融资租赁开具的发票内容
  • 收到费用发票分录
  • 什么叫应纳税额六年级下册
  • 固定资产怎么做账
  • 管理费用怎样分摊归集到产品
  • 固定资产为什么不能直接计入费用
  • 明细分类核算的依据是什么
  • 工程预缴税款流程
  • 承兑个人贴现如何操作
  • 事业单位收入是再分配吗
  • mysql导出语句
  • mysql实时监控工具
  • win7断电后无法启动
  • win7系统浏览器怎么设置
  • 禁用windows installer没有用
  • windows xp开始菜单桌面图标消失
  • windows7旗舰版怎么打字
  • windows8介绍
  • win10系统内置应用软件有哪些
  • 环境篇-幸福家庭是孩子心灵健康的关键.mp3
  • dos批处理命令大全
  • cmd命令是干嘛的
  • android更新ui的方式
  • vue router 组件
  • javascript 进阶篇2 CSS XML学习
  • unity random.value
  • 郑州市高新区税务局地址
  • 网上怎么交车船税
  • 美国买东西邮寄怎么寄
  • 青海国税局官网
  • 税务异常处理
  • 城镇土地使用税税率
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设