如何使用javascript中的享元模式-创新互联

这篇文章主要讲解了如何使用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

分享标题：如何使用javascript中的享元模式-创新互联
路径分享：https://www.cdcxhl.com/article34/dddcse.html

成都网站建设公司_创新互联，为您提供外贸建站、域名注册、静态网站、品牌网站制作、软件开发、ChatGPT

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联