位置: 编程技术 - 正文

学习JavaScript设计模式(封装)(javascript教程 csdn)

编辑:rootadmin

推荐整理分享学习JavaScript设计模式(封装)(javascript教程 csdn),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript如何学,javascript设计,javascript如何学,javascript教程 csdn,javascript设计,javascript教程chm,javascript教程 csdn,javascript课设,内容如对您有帮助,希望把文章链接给更多的朋友!

在JavaScript 中,并没有对抽象类和接口的支持。JavaScript 本身也是一门弱类型语言。在封装类型方面,JavaScript 没有能力,也没有必要做得更多。对于JavaScript 的设计模式实现来说,不区分类型是一种失色,也可以说是一种解脱。

从设计模式的角度出发,封装在更重要的层面体现为封装变化。

通过封装变化的方式,把系统中稳定不变的部分和容易变化的部分隔离开来,在系统的演变过程中,我们只需要替换那些容易变化的部分,如果这些部分是已经封装好的,替换起来也相对容易。这可以最大程度地保证程序的稳定性和可扩展性。

javascript封装的的基本模式有3种:

1、使用约定优先的原则,将所有的私有变量以_开头

看完代码,是不是有种被坑的感觉,仅仅把所有的变量以_开头,其实还是可以直接访问的,这能叫封装么,当然了,说了是约定优先嘛。

下划线的这种用法这一个众所周知的命名规范,它表明一个属性仅供对象内部使用,直接访问它或设置它可能会导致意想不到的后果。这有助于防止程序员对它的无意使用,却不能防止对它的有意使用。

学习JavaScript设计模式(封装)(javascript教程 csdn)

这种方式还是不错的,最起码成员变量的getter,setter方法都是prototype中,并非存在对象中,总体来说还是个不错的选择。如果你觉得,这不行,必须严格实现封装,那么看第二种方式。

2、严格实现封装

那么这与我们先前讲过的其他创建对象的模式有什么不同呢,在上面的例子中,我们在创建和引用对象的属性时总要使用this关键字。而在本例中,我们用var声明这些变量。这意味着它们只存在于Person构造器中。checkno函数也是用同样的方式声明的,因此成了一个私用方法。

需要访问这些变量和函数的方法只需要声明在Person中即可。这些方法被称为特权方法,因为它们是公用方法,但却能够访问私用属性和方法。为了在对象外部能访问这些特权函数,它们的前面被加上了关键字this。因为这些方法定义于Person构造器的作用域,所以它们能访问到私用属性。引用这些属性时并没有使用this关键字,因为它们不是公开的。所有取值器和赋值器方法都被改为不加this地直接引用这些属性。

任何不需要直接访问的私用属性的方法都可以像原来那样在Person.prototype中声明。像toString()方法。只有那些需要直接访问私用成员的方法才应该被设计为特权方法。但特权方法太多又会占用过多的内存,因为每个对象实例都包含所有特权方法的新副本。

看上面的代码,去掉了this.属性名,严格的实现了封装,只能通过getter,setter访问成员变量了,但是存在一个问题,所有的方法都存在对象中,增加了内存的开销。

3、以闭包的方式封装

上述代码,js引擎加载完后,会直接执行Person = 立即执行函数,然后此函数返回了一个子函数,这个子函数才是new Person所调用的构造函数,又因为子函数中保持了对立即执行函数中checkNo(no) ,times的引用,(很明显的闭包)所以对于checkNo和times,是所有Person对象所共有的,创建3个对象后,times分别为0,1,2 。这种方式的好处是,可以使Person中需要复用的方法和属性做到私有且对象间共享。

这里的私用成员和特权成员仍然被声明在构造器。但那个构造器却从原来的普通函数变成了一个内嵌函数,并且被作为包含它的函数的返回值给变量Person。这就创建了一个闭包,你可以把静态的私用成员声明在里面。位于外层函数声明之后的一对空括号很重要,其作用是代码一载入就立即执行这个函数。这个函数的返回值是另一个函数,它被赋给Person变量,Person因此成了一个构造函数。在实例华Person时,所调用的这个内层函数。外层那个函数只是用于创建一个可以用来存储静态成员的闭包。

在本例中,checkno被设计成为静态方法,原因是为Person的每个实例都生成这个方法的一个新副本毫无道理。此外还有一个静态属性times,其作用在于跟踪Person构造器的总调用次数。

标签: javascript教程 csdn

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

上一篇:JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果(javascript密码框)

下一篇:js图片跟随鼠标移动代码(js鼠标滚动控制图片缩放)

  • 送货运杂费属于什么费用
  • 资产处置损益包含增值税吗
  • 增值税应税销售额包括哪些
  • 自然人管理系统银行信息
  • 罚款收入需要开票吗
  • 进项税未抵扣完怎么结转
  • 汽车租赁用不用交税
  • 小规模纳税人开专票税率是1%还是3%
  • 超市预付卡销售开票管理规定最新
  • 劳务公司外地劳务是否需要预缴税款及会计处理
  • 实收资本需要计提印花税吗
  • 增资需要登报吗
  • 股东放弃本企业股权
  • 监督机关包括哪些
  • 企业预缴所得税的比例要求
  • 核定征收的个人所得税怎么申报
  • 本年度应收账款是否应该加起初
  • 同一套房
  • 办公室租金相关法规
  • 最新房产税费
  • 公司当年福利费没有用到限额,可以按照14%计提税前扣除吗?
  • 酒店小规模纳税人税率
  • 基建工程的各项工作包括
  • 增值税留抵税额在借方还是贷方
  • 个人社保和公积金扣款公司七个人三怎么样
  • 金税盘减免税款怎么结转
  • 金蝶kis期初余额设置
  • 一般纳税人如何计算企业所得税
  • 家里的无线网连着连着就断了
  • 弥补亏损的会计分录是怎样的
  • qdcsfs.exe - qdcsfs是什么进程 有何作用
  • 以租代购怎么入账
  • 双系统启动界面
  • navapp.exe - navapp是什么进程文件 作用是什么
  • 客户申请退款商家拒绝退货退款会有什么效果
  • 企业注销后账上有结余怎么办
  • win7打开启动
  • php array_pop函数
  • 企业研发费用的优惠政策
  • 海滨德拉海滩庄园别墅
  • 资产评估增值是什么意思
  • 实缴资本多久可以取出随便用吗
  • 三联专用发票每一联分别给谁
  • php三元运算符简单例子
  • numpy的简单例子
  • php的输出语句
  • php添加背景怎么实现
  • 新开企业如何在电子税务局操作
  • 图书免增值税具体包括哪些
  • 三栏式明细账对方科目有多个怎么办
  • Vue 拖拽排序
  • mysql查询表里数据
  • 新建账簿的具体步骤
  • 异地托收承付结算ppt
  • mysql查询语句慢怎么优化
  • mysql多表左连接查询
  • 增值税扣款了能退回吗?
  • 应收管理费,做应收款处理会计分录
  • 企业劳务费用如何记账
  • 简易征收的进项税可以抵扣吗
  • 专项应付款如何冲减
  • 金税盘清卡怎么弄
  • 软件生产企业培训内容
  • 食品加工企业成本核算方法和流程
  • 数据库崩了怎么恢复
  • linux 二进制转十六进制
  • xp 指定的域不存在,或无法联系
  • ubuntu系统虚拟机安装教程
  • linux获取进程启动时间
  • 苹果mac怎样
  • 如何在linux
  • centos开机grub
  • linux查看使用率命令
  • python把html页面生成图片
  • perl keys
  • cocos2dx-3.x(三)、场景切换及可能产生的错误
  • nodejs使用express
  • node.js promise
  • python写一个复制文件的程序
  • 出口报价必须含增值税吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设