位置: 编程技术 - 正文
学习JavaScript设计模式(单例模式)(javascript怎么学)
编辑：rootadmin推荐整理分享学习JavaScript设计模式(单例模式)(javascript怎么学)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:javascript简明教程,javascript教程 csdn,javascript如何学,javascript简明教程,javascript程序设计教程,javascript教程chm,javascript教程chm,javascript教程 csdn,内容如对您有帮助，希望把文章链接给更多的朋友！
单例模式的定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点。
单例模式是一种常用的模式，有一些对象我们往往只需要一个，比如线程池、全局缓存、浏览器的window对象。在js开发中，单例模式的用途同样非常广泛。试想一下，当我们单击登录按钮的时候，页面中会出现一个登录框，而这个浮窗是唯一的，无论单击多少次登录按钮，这个浮窗只会被创建一次。因此这个登录浮窗就适合用单例模式。
1、单例模式的使用场景
在使用一种模式之前，我们最好要知道，这种模式的使用场景。用了这么久的单例模式，竟全然不知！用它具体有哪些好处呢？
1）.可以用它来划分命名空间(这个就是就是经常用的了)
2）.利用分支技术来封装浏览器之间的差异(这个还真没用过，挺新鲜)
3）.借助单例模式，可以把代码组织的更为一致，方便阅读与维护(这个也用过了)
2、最基本的单例模式
最简单的单例其实就是一个对象字面量。它把一批有一定关联的方法和属性组织在一起。
这个对象可以被修改。你可以添加属性和方法。你也可以用delete运算符删除现有成员。这实际上违背了面向对象设计的一条原则：类可以被扩展，但不应该被修改。如果某些变量需要保护，那么可以将其定义在闭包中。
对象字面量只是创建单例的方法之一。也并非所有的对象字面量都是单例，那些只是用来模仿关联数组或容纳数据的对象字面量显然不是单例。
3、借用闭包创建单例
闭包主要的目地 保护数据
这种单例模式又称模块模式，指的是它可以把一批相关的方法和属性组织为模块并起到划分命名空间的作用。
4、单例模式用于划分命名空间
1）、防止全局声明的修改
这样以来，即使我们在外面声明了相同的变量，也能在一定程度上防止attr1的被修改。
2）、防止其它来源代码的修改
现在网页上的JavaScript代码往往不止用一个来源，什么库代码、广告代码和徽章代码。为了避免与自己代码的冲突，可以定义一个包含自己所有代码的对象。
3）、用作专用代码封装
在拥有许多网页的网站中，有些代码是所有网页都要用到的，他们通常被存放在独立的文件中；而有些代码则是某个网页专用的，不会被用到其他地方。最好把这两种代码分别包装在自己的单例对象中。
我们经常要用Javascript为表单添加功能。出于平稳退化方面的考虑，通常先创建一个不依赖于Javascript的、使用普通提交机制完成任务的纯HTML网页。
5、惰性单例
前面所讲的单例模式又一个共同点：单例对象都是在脚本加载时被创建出来。对于资源密集的或配置开销甚大的单例，更合理的做法是将其实例化推迟到需要使用他的时候。
这种技术就是惰性加载(lazy loading)。
实现步骤如下：
1）.将所有代码移到constructor方法中
2）.全权控制调用时机(正是getInstance所要做的)
6、分支技术
分支是一种用来把浏览器间的差异封装在运行期间进行设置的动态方法中的技术。
比如说，如果网站中要频繁使用xhr，每次调用都要再次运行浏览器嗅探代码，这样会严重缺乏效率。更有效的做法是在脚本加载时一次性地确定针对浏览器的代码。这正是分支技术所做的事情。当然，分支技术并不总是更高效的选择，在两个或者多个分支中只有一个分支被用到了，其他分支就占用了内存。
在考虑是否使用分支技术的时候，必须在缩短时间和占用更多内存这一利一弊之间权衡一下。
下面利用分支技术实现XHR：
7、单例模式的弊端
了解了这么多关于单例的知识，我们再来看看它的弊端。
由于单例模式提供的是一种单点访问，所以它有可能导致模块间的强耦合。因此也就不利于单元测试了。
综上，单例还是留给定义命名空间和实现分支型方法这些用途。
通过七点不同方面对单例模式的介绍，大家是不是对单例模式有了更深入的了解，希望这篇文章可以帮到大家。
js实现iframe框架取值的方法(兼容IE,firefox,chrome等) 本文实例讲述了js实现iframe框架取值的方法。分享给大家供大家参考，具体如下：为啥世上会有这么多不同的浏览器？每次遇到js/css的浏览器兼容性问题
深入浅析同源策略和跨域访问 1.什么是同源策略理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。何谓同源:URL由协议、域名、端口
学习JavaScript设计模式(策略模式) 何为策略？比如我们要去某个地方旅游，可以根据具体的实际情况来选择出行的线路。1、策略模式的定义如果没有时间但是不在乎钱，可以选择坐飞机
标签: javascript怎么学
本文链接地址:https://www.jiuchutong.com/biancheng/386292.html 转载请保留说明！上一篇：javascript bom是什么及bom和dom的区别(js中bom是什么意思)
下一篇：js实现iframe框架取值的方法(兼容IE,firefox,chrome等)(js的iframe)
