单例模式面试题与实现：静态方法与闭包版.pdfVIP

实现一个

描述

实现，使得该对象为单例，基于进行封装。实现方法和

。

思路

拿到单例模式相关的面试题，大家首先要做的是我们上个小节的“基本思路”部分——至少要记起来

getInstance方法和instance这个变量是干啥的。

具体实现上，把判断逻辑写入静态方法或者构造函数里都没关系，能把闭包的版本也写出来，多多

益善。

总之有了上节的基础，这个题简直是默写！

实现：静态方法版

//判断是否已经new过1个实例

//若这个唯一的实例不存在，那么先创建它

//如果这个唯一的实例已经存在，则直接返回

returnlocalStorage.setItem(key,value)

storage1.setItem(name,)

实现：闭包版

//先实现一个基础的StorageBase类，把getItem和setItem方法放在它的原型链上

//以闭包的形式创建一个自由变量的构造函数

//判断自由变量是否为null

if(!instance){

//如果为null则new出唯一实例

storage1.setItem(name,)

实现一个全局的模态框

描述

实现一个全局唯一的弹框

思路

这道题比较经典，基本上所有讲单例模式的文章都会以此为例，同时它也是早期单例模式端领域的

最。

万变不离其踪，记住getInstance方法、记住instance变量、记住闭包态方法，这个题除了

要多写点和之外，对大家来说完全不成问题。

实现

完整代码如下：

!DOCTYPEhtml

htmllangen

head

metacharsetUTF-8

title单例模式弹框/title

/head

style

#modal{

height:200px;

width:200px;

line-height:200px;

position:fixed;

left:50%;

top:50%;

transform:translate(-50%,-50%);

border:1pxsolidblack;

text-align:center;

}

/style

body

buttonidopen打开弹框/button

buttonidclose关闭弹框/button

/body

script

//逻辑，这里采用了闭包思路来实现单例模式

constModal(function()

{letmodal=null

returnfunction(){

if(!modal){

modal=document.createElement(div)

modal.innerHTML=我是一个全局唯一的Modal