JavaScript基础(Day2):闭包,单例模式

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,都只会对此执行创建一次

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值