1.什么是闭包? 有什么作用
- 一个函数，能够访问另一个函数作用域中的变量。
- 作用：一、使变量保存在内存中，不被回收。二、可以读取内部变量。
闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。
使用闭包的注意点:：由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。
2.setTimeout 0 有什么作用
把该语句放到最后，等其他语句执行完毕后立即执行 setTimeout 0 语句。0为延迟时间。
Paste_Image.png
3.下面的代码输出多少？修改代码让fnArr() 输出 i。使用两种以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return 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]() ); //
方法三：
//方法3
var fnArr = [];
for (var i = 0; i < 10; i ++) {
(function(){
var n = i;
fnArr[i] = function(){
return n;
}
})();
}
console.log( fnArr[3]() ); //
4.使用闭包封装一个汽车对象，可以通过如下方式获取汽车状态
var Car = (function(){
var speed = 0;
function setSpeed(n){
speed = n;
}
function getSpeed(){
return speed;
}
function accelerate(){
speed += 10;
}
function decelerate(){
speed -= 10;
}
function getStatus(){
if(speed === 0){
return 'stop';
}else{
return 'running';
}
}
return {
'setSpeed':setSpeed,
'getSpeed':getSpeed,
'accelerate':accelerate,
'decelerate':decelerate,
'getStatus':getStatus,
'speed':'error'
}
}());
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
5.写一个函数使用setTimeout模拟setInterval的功能
var i = 0;
function a(){
setTimeout (function(){
console.log(i++);
a()
},3000)
}
setTimeout：指定时间后执行一次
setInterval：每间隔时间重复执行
6.写一个函数，计算setTimeout平均[备注：新加]最小时间粒度
function getMin(){
var i = 0;
var start = Date.now();
var clock = setTimeout (function(){
i++;
if(i===1000){
clearTimeout(clock);
var end = Date.now();
console.log((end - start)/i);
}
clock = setTimeout(arguments.callee,0);
},0);
}
7.下面这段代码输出结果是? 为什么?
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);//2
}, 0);
var a ;
console.log(a);//1
a = 3;
console.log(a);//3
原因是setTimeout()优先级放在最后所以结果是1，3，2。
8.下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
没有输出。因为setTimeout是在执行完其他代码之后再执行，所以在执行完第一句之后，就到了下面的while循环，flag为true，为死循环，执行空语句，无输出。
9.下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
}
方法一：
for(var i=0;i<5;i++){
(function(){
var n = i;
setTimeout(function(){
console.log('delayer:' + n );
}, 0);
})()
console.log(i);
}
方法二：
Paste_Image.png
方法三：
for(var i=0;i<5;i++){
setTimeout((function(i){
return function() {
return console.log('delayer:' + i );
}
}(i)), 0);
console.log(i);
}
方法四：
for(var i=0;i<5;i++){
setTimeout((function(){
var n = i;
return function () {
return console.log('delayer:' + n );
}
}()), 0);
console.log(i);
}
网友评论