面试官：请简单实现一个Js单例模式（一看吓一跳

class Person {

constructor(name){ //构造函数，创建实例的时候执行

this.name = name

}

showName(){

console.log(‘my name is’,this.name)

}

}

现在，分别创建这个类的两个实例leo、lion

let leo = new Person(‘leo’)

let lion = new Person(‘lion’)

分别打印出来

console.log(leo,‘instance1’)

console.log(lion,‘instance2’)

验证两个实例是否相等（即是否为同一个实例）

console.log(‘instance1 and instance2 is’,leo === lion)

打印结果为false，证明两个实例不是同一个，也可以理解为new出来的即为一个新实例。

明白了这一点之后，单例模式就很容易理解与实现了，关键就在于“new”，只要我们在使用这个模式的时候去判断是否创建（new）了一个实例，如果是，那我们就直接使用创建好的实例，不再重新创建（new），如果否，创建一个新实例，从而保证只有一个实例。

那么问题来了，如何让已经创建的实例维持当前状态，不被垃圾回收机制回收，这里便用到了闭包。闭包的作用：访问函数内部变量、保持函数在环境中一直存在，不会被垃圾回收机制处理。

单例模式简单实现

声明一个函数表达式，里面返回一个函数（闭包），函数里面返回一个实例（判断是否新实例）

let singleInstance = function(){

let instance

return function(name){

if(!instance){ //如果实例不存在，新建一个实例，否则返回当前实例

instance = new Person(name)

}

return instance

}

}

执行函数表达式

let createInstance = singleInstance()

此时创建两个实例

let leo = createInstance(‘leo’)

let lion = createInstance(‘lion’)

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

为了帮助大家更好的了解前端，特别整理了《前端工程师面试手册》电子稿文件。

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

](https://i-blog.csdnimg.cn/blog_migrate/7cd67000356d0712bceb8ecf71725b99.png)