十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要讲解了如何使用javascript中的享元模式,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。
目前创新互联已为千余家的企业提供了网站建设、域名、虚拟主机、网站运营、企业网站设计、江阳网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。介绍:在我们日常开发中需要创建很多对象,虽然垃圾回收机制能帮我们进行回收,但是在一些需要重复创建对象的场景下,就需要有一种机制来进行优化,提高系统资源的利用率。
享元模式就是解决这类问题,主要目的是减少创建对象的数量。享元模式提倡重用现有同类对象,如未找到匹配的对象则创建新对象
定义:运用共享技术有效的支持大量细粒度对象的复用。系统只适用少量的对象,而这些对象都很相似,状态变化很小,可以实现对象的多次复用。由于享元模式要求能够共享的对象必须是细粒度的对象,因此他又称为轻量级模式,是一种对象结构型模式。
场景:我们以创建圆形对象为例,通过两个例子来对比享元模式的效果。
示例:
var redCricle = new Circle('red'); redCricle.setAttr(10,10,10); redCricle.draw(); var redCricle1 = new Circle('red'); redCricle1.setAttr(1,1,100); redCricle1.draw(); var redCricle2 = new Circle('red'); redCricle2.setAttr(5,5,50); redCricle2.draw(); var blueCricle = new Circle('blue'); blueCricle.setAttr(1,1,50); blueCricle.draw(); var blueCricle1 = new Circle('blue'); blueCricle1.setAttr(12,12,50); blueCricle1.draw(); var blueCricle2 = new Circle('blue'); blueCricle2.setAttr(2,12,20); blueCricle2.draw(); // 创建了一个对象 // 画圆: 颜色:red x:10 y:10 radius:10 // 创建了一个对象 // 画圆: 颜色:red x:1 y:1 radius:100 // 创建了一个对象 // 画圆: 颜色:red x:5 y:5 radius:50 // 创建了一个对象 // 画圆: 颜色:blue x:1 y:1 radius:50 // 创建了一个对象 // 画圆: 颜色:blue x:12 y:12 radius:50 // 创建了一个对象 // 画圆: 颜色:blue x:2 y:12 radius:20