扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要讲解了如何使用javascript中的原型模式，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：国际域名空间、雅安服务器托管、营销软件、网站建设、长丰网站维护、网站推广。
介绍：在日常的开发过程中，我们经常会利用到前端模板引擎来做页面渲染，因为存在很多页面结构相同，内容不同的场景。这种场景在js层面也会遇到，
很多组件存在相同或者类似，重复的创建会导致系统的消耗，这就要用到原型模式了。将相似内容提取出来作为原型类，创建具体类时需要对原型类进行复制然后扩展。
需要注意的是，复制出来的对象在进行修改时不会影响到原型类，二者相互独立。
定义：使用原型实例指定创建对象的种类，并且通过克隆这些原型创建新的对象。原型模式是一种对象创建型模式。
场景：我们还是基于Dialog类来实现原型模式，我将所有弹窗共有的属性方法抽取出来，每次创建时通过复制其基础属性，在此基础上进行完善，然后返回新的对象。
示例：
var Dialog = function(){
this.init = function(arg){
this.element = arg.element;
this.name = arg.name;
}
this.show = function(){
console.log(this.name + ' is show -> ' + this.element);
}
};
var createDialog = function(arg){
var _dialog = function(){};
_dialog.prototype = new Dialog();
var resDia = new _dialog();
resDia.init(arg);
return resDia;
}
var notice = createDialog({name:'notice',element:'notice'});
var toast = createDialog({name:'toast',element:'toast'});
var warnin = createDialog({name:'warnin',element:'warnin'});
notice.show(); //notice is show -> notice
toast.show(); //toast is show -> toast
warnin.show(); //warnin is show -> warnin原型模式总结：
优点：
* 当创建新的对象实例较为复杂时，使用原型模式可以简化对象的创建过程，通过复制一个已有实例可以提高新实例的创建效率。
* 扩展性较好
缺点：
* 对已有类进行改造时需要修改源代码，违背了开关原则。
看完上述内容，是不是对如何使用javascript中的原型模式有进一步的了解，如果还想学习更多内容，欢迎关注创新互联行业资讯频道。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网