Q&A
1. 什么是闭包? 有什么作用
闭包是指在 JavaScript 中，内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后。
<script>
function adder(x) {
return funtion(y) {
return x + y;
}
}
var add5 = adder(5),
add7 = adder(7);
console.log(add5(6));
console.log(add7(8));
</script>
闭包
在这个示例中，我们定义了 adder(x)函数：带有一个参数 x并返回一个新的函数。返回的函数带有一个参数 y，并返回 x和 y的和。
从本质上讲，adder是一个函数工厂 — 创建将指定的值和它的参数求和的函数，在上面的示例中，我们使用函数工厂创建了两个新函数 — 一个将其参数和 6 求和，另一个和 8 求和。add5和 add7都是闭包。它们共享相同的函数定义，但是保存了不同的环境。在 add5的环境中，x为 5。而在 add7中，x则为 7。
我的理解是，闭包就是一个桥梁，能够让操作在函数作用域外访问函数的变量；闭包的环境是和闭包共存的，所以只要环境里的变量没有清除（即闭包还有作用的话），那么闭包和环境就不会被当做垃圾处理，换句话说，就是闭包具有记忆功能。
2. setTimeout 0 有什么作用
-
setTimeout(code,millisec)：函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。
setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
<script>
console.log(1);
setTimeout('console.log(2)',1000);
console.log(3);
</script>
setTimeout
需要注意的是，推迟执行的代码必须以字符串的形式，放入setTimeout
，因为引擎内部使用eval函数，将字符串转为代码。如果推迟执行的是函数，则可以直接将函数名，放入setTimeout。一方面eval函数有安全顾虑，另一方面为了便于JavaScript引擎优化代码，setTimeout方法一般总是采用函数名的形式，就像下面这样。
<script>
function f() {
console.log(2);
}
setTimeout(f,1000);
// 或者
setTimeout(function (){console.log(2)},1000);
</script>
如果省略setTimeout的第二个参数，则该参数默认为0。
除了前两个参数，setTimeout还允许添加更多的参数。它们将被传入推迟执行的函数（回调函数）。
<script>
setTimeout(function(a,b){
console.log(a+b);
},1000,1,1);
</script>
setTimeout多个参数
- setTimeout（func, 0）是将setTimeout置于javascript代码最后端立即执行。
图例
必须要等到当前脚本的同步任务和“任务队列”中已有的事件，全部处理完以后，才会执行setTimeout指定的任务。也就是说，setTimeout的真正作用是，在“消息队列”的现有消息的后面再添加一个消息，规定在指定时间执行某段代码。
setTimeout(f, 0)将第二个参数设为0，作用是让f在现有的任务（脚本的同步任务和“消息队列”指定的任务）一结束就立刻执行。也就是说，setTimeout(f, 0)的作用是，尽可能早地执行指定的任务。而并不是会立刻就执行这个任务。
代码
1. 下面的代码输出多少？修改代码让fnArri 输出 i。使用两种以上的方法
<script>
// 法 1：
var fnArr = [];
for(var i = 0; i < 10; i++) {
fnArr[i] = (function(num) {
return function() {
return num;
}
})(i);
}
console.log(fnArr[3]());
//法 2：
var fnArr = [];
for(var i = 0; i < 10; i++) {
(function(n) {
fnArr[i] = function () {
return n;
}
})(i);
}
console.log(fnArr[3]());
</script>
2. 使用闭包封装一个汽车对象，可以通过如下方式获取汽车状态
<script>
function myCar() {
var speed;
function setSpeedFunc(num) {
speed = num;
}
function getSpeedFunc() {
console.log(speed);
}
function accelerateFunc() {
speed += 10;
}
function decelerateFunc() {
speed -= 10;
}
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';
//Car.speed; //error
</script>
代码2
3. 写一个函数使用setTimeout模拟setInterval的功能
<script>
//法 1：
var n = 0;
setTimeout(function(){
console.log(n++);
setTimeout(arguments.callee,1000);
},1000);
//法 2：
function func() {
setTimeout(function(){
console.log(n++);
func();
},1000);
}
</script>
代码3
4. 写一个函数，计算setTimeout平均最小时间粒度
<script>
function timeGranularity() {
var a = 0;
var start = Date.now();
var timeIndex = setTimeout(function() {
a++;
if(a < 1000) {
setTimeout(arguments.callee,0);
} else {
clearTimeout(timeIndex);
var end = Date.now();
console.log((end - start)/a);
}
},0)
}
timeGranularity();
</script>
代码4
5. 下面这段代码输出结果是? 为什么?
<script>
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
</script>
代码5
原因：setTimeout设置为0秒，放在代码最后执行。
6. 下面这段代码输出结果是? 为什么?
<script>
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
</script>
无显示，因为while判断是否为真，如果为真不执行语句，但是也不跳出循环，setTimeout设置0延迟，所以放在代码最后执行，所以flag一直为true，死循环。
7. 下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）
<script>
for(var i = 0; i < 5; i++) {
setTimeout(function(){
console.log('delayer:' + i);
},0)
console.log(i);
}
</script>
代码7
<script>
for(var i = 0; i < 5; i++) {
(function fn(n) {
setTimeout(function(){
console.log('delayer:' + n);
},0)
})(i);
console.log(i);
}
</script>
代码7
本文归本人和饥人谷所有，如需转载请注明出处，谢谢
网友评论