一、问题
（一）、什么是闭包? 有什么作用
闭包是指能够访问自由变量的函数 (变量在本地使用，但在闭包中定义)。换句话说，定义在闭包中的函数可以“记忆”它被创建时候的环境。其实简单理解就是:定义在一个函数内部的函数，这就形成闭包了。
作用是：
- 1、使得外部也能够访问内部函数里面的局部变量 ，并且这些变量始终保持在内存当中，方便随时调用；
举个简单的例子：
Paste_Image.png
- 2、封装对象的私有属性和方法；
例如下面的例子：
function person(name) {
var age;
function setageFunc(n) {
age=n;
}
function getageFunc() {
return age;
}
return {
"name":name,
setage:setageFunc,
getage:getageFunc
}
}
var p1=person("lic");
p1.setage(24);
console.log(p1.getage());
Paste_Image.png
（二）、setTimeout 0 有什么作用
由于js是单线程执行的，无法同时执行多段代码，当某段代码在执行时，所有后续任务必须等待从而排成了一个队列，但上段代码执行完后，在从队列中取出下一个任务；所以一次鼠标点击，或是计时器到达时间点，或是 Ajax 请求完成触发了回调函数，这些事件处理程序或回调函数都不会立即运行，而是立即排队，一旦线程有空闲就执行。当使用setTimeout时，表示将该段程序会在适当的时间查到任务队列中，如果setTimeout 为0则表示立即插入，但它不会立即执行，而是等待其它代码执行完后再执行；
例如：
Paste_Image.png
setTimeout 0 在 keydown 某些事件中常用，详见这里
一、代码题
（一）、下面的代码输出多少？修改代码让fnArr[i]() 输出 i。使用两种以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //
上述代码执行完后是10；fnArr[3]() 执行后相当于 执行了匿名函数function()，由于匿名函数会返回i的值，此时i的值为for运算完后的值即10，因此上述代码结果为10；
方法一、立即执行函数传参
var fnArr = [];
for (var i = 0; i < 10; i ++) {
( function (n) {
fnArr[i] = function(){
return n ;
}
}(i))
}
console.log( fnArr[3]() );
方法二、函数内部返回函数传参
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = (function(n){
return function () {
return n;
}
}(i))
}
console.log( fnArr[3]() ); //
方法三、函数内部返回函数 临时变量传参
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = (function(){
var n=i;
return function () {
return n;
}
}())
}
console.log( fnArr[3]() );
方法四、立即执行函数 临时变量传参
var fnArr = [];
for(var i=0;i<10;i++){
(function(){
var n=i;
fnArr[i]=function(){
return n;
}
})()
}
console.log( fnArr[3]() );
（二）、使用闭包封装一个汽车对象，可以通过如下方式获取汽车状态
var Car = //todo;
Car.setSpeed(30);
Car.getSpeed(); //30
Car.accelerate();
Car.getSpeed(); //40;
Car.decelerate();
Car.decelerate();
Car.getSpeed(); //20
Car.getStatus(); // 'running';
Car.decelerate();
Car.decelerate();
Car.getStatus(); //'stop';
//Car.speed; //error
function mycar() {
var speed;
function setSpeedFunc(n) {
speed=n;
return speed;
}
function getSpeedFunc() {
console.log(speed);
return speed;
}
function accelerateFunc() {
speed=speed+10;
return speed;
}
function decelerateFunc() {
speed=speed-10;
return speed;
}
function getStatusFunc() {
if (speed>0){
return console.log("running")
}
else return console.log("stop")
}
return{
setSpeed:setSpeedFunc,
getSpeed:getSpeedFunc,
accelerate:accelerateFunc,
decelerate:decelerateFunc,
getStatus:getStatusFunc
};
}
var Car =mycar();
Car.setSpeed(30);
Car.getSpeed(); //30
Car.accelerate();
Car.getSpeed(); //40;
Car.decelerate();
Car.decelerate();
Car.getSpeed(); //20
Car.getStatus(); // 'running';
Car.decelerate();
Car.decelerate();
Car.getStatus(); //'stop';
Paste_Image.png
（三）、写一个函数使用setTimeout模拟setInterval的功能;
var a=0;
function simulation() {
console.log(a++);
setTimeout(function () {
return simulation();
},1000)
}
simulation();
上述代码执行后，每隔一秒会打印一次a，且a会自动累加；
Paste_Image.png
与下面的setInterval的功能是一样的
var b=0;
setInterval(function () {
console.log(b++)
},1000)
（四）、写一个函数，计算setTimeout平均[备注：新加]最小时间粒度;
function timeScale() {
var i=0;
var start=Date.now();
var sto=setTimeout(function () {
i++;
if (i===3000){
var end=Date.now();
clearTimeout(sto);
console.log((end- start)/i);
}
else setTimeout(arguments.callee,0);
},0)
}
timeScale();
执行完成后大约为4.11ms;
Paste_Image.png
（五）、下面这段代码输出结果是? 为什么?
var a = 1; //声明局部变量a并赋值1
setTimeout(function(){
a = 2;
console.log(a);
}, 0); // 由于设置了0， 此段代码最后执行（输出2），原因详见问答题（二）
var a ; //虽然此处又进行了变量的声明，但a的值还是为1
console.log(a); // 因此输出1
a = 3; //把3赋值给a，a此时为全局变量
console.log(a); //因此输出3
输出结果是1，3，2
Paste_Image.png
（六）、下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
执行后死循环，因为上述语句相当于 flag一直为ture（setTimeout 0 任务队列一直排在后面 无法执行），while则一直执行从而导致死循环；
（七）、下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）;
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
}
输出0，1，2，3，4和五个delayer5
Paste_Image.png
方法一、典型闭包法
for(var i=0;i<5;i++){
setTimeout((function(){
return (function(n){
return console.log('delayer:' +n );
})(i);
}()), 0);
console.log(i);
}
方法二、立即执行函数法1
for(var i=0;i<5;i++){
(function (i) {
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
} )(i);
console.log(i);
}
方法三、立即执行函数法2
for(var i=0;i<5;i++){
setTimeout((function(){
console.log('delayer:' + i );
}()), 0);
console.log(i);
}
**本文版权归本人即笔名：该账户已被查封 所有，如需转载请注明出处。谢谢！ *