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