JavaScript设计模式(一)——单例模式

一、单例模式概念解读

       单例就是保证一个类只有一个实例,实现的方法一般是先判断实例存在与否,如果存在直接返回,如果不存在就创建了再返回,这就确保了一个类只有一个实例对象。在JavaScript里,单例作为一个命名空间提供者,从全局命名空间里提供一个唯一的访问点来访问该对象。 

 

二、单例模式的作用和注意事项

        模式作用:

               1.模块间通信

               2.系统中某个类的对象只能存在一个

               3.保护自己的属性和方法

        注意事项:

               1.注意this的使用

               2.闭包容易造成内存泄漏,不需要的赶快干掉

               3.注意new的成本(继承)

三、单例模式的代码应用和总结

        以小王家和小李家为例,进行代码的书写,他们要实现通信,可以通过门铃,可以一起走出来,也可以通过打电话的方式。下面是他们通过门铃交互的代码,如果没有门的话,那就创建一个门进行交互。代码本身没有特别大的实用价值,主要方便大家理解。


 JavaScript设计模式(一)——单例模式_第1张图片

最终交互成功 ,看完这个例子后再具一个更为实用的用法,

我们在做前端的时候经常会遇到这样的情景,下面的是一般的代码

那么我们通过单例模式进行改造后会怎么样呢?

这样就完成了单例模式的改造,可以进行d对a的操作

你可能感兴趣的:(JavaScript,前端架构,设计模式,单例模式,高级前端)