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)