首页 / 设计模式 / javascript设计模式阅读后的感悟与总结

javascript设计模式阅读后的感悟与总结

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript设计模式阅读后的感悟与总结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1195字，纯文字阅读大概需要2分钟。

内容图文

  • 单例模式

　　用于创建唯一的一个对象。

　　核心在于一个判断

　　var index
　　if(index){
　　return index;
　　}
　　init();
　　这样只会在第一次的时候初始化创建对象，以后都不会再创建对象。
　　还有闭包内的变量不会销毁，例如index可以始终存在。
　　js的实现：
                 1
                var getSingle = function (fn) {
 2var result;
 3returnfunction () {
 4return result || (result = fn.apply(this, arguments));
 5    };
 6  };
 7//创建登陆div 8var createSingletonLoginLayer = getSingle(function () {
 9var div = document.createElement(‘div‘);
10     div.innerHTML = ‘我是悬浮窗‘;
11     div.style.display = ‘none‘;
12    document.body.appendChild(div);
13return div;
14  });
1516   document.getElementById(‘loginBtn‘).onclick = function () {
17var loginLayer = createSingletonLoginLayer();
18     loginLayer.style.display = ‘block‘;
19  };
20//创建iframe21var createSingleIframe = getSingle(function () {
22var iframe = document.createElement(‘iframe‘);
23    document.body.appendChild(iframe);
24return iframe;
25  });
2627   document.getElementById(‘loginBtn2‘).onclick = function () {
28var loginLayer = createSingleIframe();
29     loginLayer.src = ‘http://baidu.com‘;
30   };

 

  • 策略模式

　　个人感觉这个模式挺啰嗦的，挺短的几行代码用完这个模式就变得貌似又臭又长，所以可用在验证、以及可以复用的组件等地方。 不能复用真的感觉写这么长一串不值。

　　个人感觉这个模式核心在于把条件放在对象中代替用if来代替

　　策略模式的目的是将算法的使用与算法的实现分离开来。

 

  • 代理模式

 

原文：http://www.cnblogs.com/rain318/p/6659241.html

内容总结

以上是互联网集市为您收集整理的javascript设计模式阅读后的感悟与总结全部内容，希望文章能够帮你解决javascript设计模式阅读后的感悟与总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1276367.html

来源：【匿名】