JavaScript基础（Day2）：闭包，单例模式

最新推荐文章于 2025-08-01 10:18:38 发布

原创最新推荐文章于 2025-08-01 10:18:38 发布 · 460 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了JavaScript中的闭包概念及其作用，强调了它如何保护私有变量并实现持久化的局部状态。闭包在防止全局变量污染和创建私有作用域方面具有重要意义。此外，文章还介绍了单例模式，解释了其思想和应用场景，特别是在限制对象创建次数以提高性能上的作用。文中以JavaScript代码示例展示了如何利用闭包实现单例模式。

Q1：闭包：

定义：闭包是指有权访问另一个函数作用域中的变量的函数。

作用：

1. 可以在函数的外部访问到函数内部的局部变量。
2. 让这些变量始终保存在内存中，不会随着函数的结束而自动销毁。

问题是，页面上的任何脚本都能改变计数器，即便没有调用 add() 函数。

在 JavaScript 中，所有函数都能访问它们上一层的作用域。通过JavaScript 闭包的方法，

在外部访问 plus() 函数，并且 counter = 0 只执行一次。return function(){}内部调用function()，上一级counter，因此不会在函数执行完毕后就销毁

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();
 
add();
add();
add();
 
// 计数器为 3

闭包是一种保护私有变量的机制，在函数执行时形成私有的作用域，保护里面的私有变量不受外界干扰。直观的说就是形成一个不销毁的栈环境。

Q2：单例模式：

思想：用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象

应用场景，对于只会创建一次的东西（如登录框），可以避免每次登陆都要重新创建，耗费性能

为了使按钮的点击事件只发生一次，30行create相当于调用内部函数function()，使用闭包的作用在于，能够记录上一次result的值，在这里，第一次点击时，32行调用create函数，即30行create指向的26行函数，var result，则result为undefined，因此27行将调用createLogin(), 同时result不为空，为，下一次再点击时，27行执行前半句，即不再调用创建按钮的函数。

getSingle将回调函数creatLogin封装起来，参数fn，fn.apply(this,arguments)，create()直接相当于createLogin，需要用到的外部变量都被封装到getSingle中

代码中的体现单例模式的关键在于getSingle函数，传入任何一个创建函数作为参数fn，都只会对此执行创建一次