1.什么是閉包? 有什么作用?
閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)步脓。舉例:
var num = 10
function fn3() {
var num3 = 20;
function fn4() {
return num3;
}
return fn4;
}
var func = fn3;
console.log(func());
- 上述代碼中fn4就是閉包愿待,通過fn3內(nèi)部的局部方法fn4,就能獲得外部的局部變量靴患,即可以得到num3的值是多少仍侥,如果不使用閉包,在外部無法獲取到func3內(nèi)部的局部變量鸳君。
作用:一個是可以讀取函數(shù)內(nèi)部的變量农渊,另一個就是讓這些變量的值始終保持在內(nèi)存中。
2.setTimeout 0 有什么作用或颊?
setTimeout函數(shù)用來指定某個函數(shù)或某段代碼砸紊,在多少毫秒之后執(zhí)行传于。它返回一個整數(shù),表示定時器的編號批糟,以后可以用來取消這個定時器格了。
作用是實現(xiàn)javascript的異步,也就是說加入了(setTimeout(function(){ },0)的話徽鼎,讓(function(){ }在現(xiàn)有的任務(腳本的同步任務和“任務隊列”中已有的事件)一結束就立刻執(zhí)行盛末。例如:
alert(1);
setTimeout("alert(2)", 0);
alert(3);
輸出結果
3.下面的代碼輸出多少?修改代碼讓fnArr [i] ()輸出 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(){
var n = i;
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]() );
4.使用閉包封裝一個汽車對象悄但,可以通過如下方式獲取汽車狀態(tài)
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 testCar(){
var speed = 0;
function setSpeed(n){
speed = n;
}
function getSpeed(){
console.log(speed);
return speed;
}
function accelerate(){
speed += 10;
}
function decelerate(){
speed -= 10;
}
function getStatus(){
if(speed > 0){
console.log("running");
}else{
console.log("stop");
}
}
return {
setSpeed:setSpeed,
getSpeed:getSpeed,
accelerate:accelerate,
decelerate:decelerate,
getStatus:getStatus
}
}
var Car = testCar();
5.寫一個函數(shù)使用setTimeout模擬setInterval的功能
var i = 0;
function intv() {
setTimeout(function() {
console.log(i++);
intv(i++);
},3000);
}
intv();
6.寫一個函數(shù),計算setTimeout平均[備注:新加]最小時間粒度
function getMini() {
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);
}
timer = setTimeout(arguments.callee,0);
},0);
}
輸出結果
7.下面這段代碼輸出結果是? 為什么?
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
//輸出的結果依次為:1石抡,3檐嚣,2,由于使用了(setTimeout(function(){ },0)啰扛,所以是放在隊尾執(zhí)行
輸出結果
8.下面這段代碼輸出結果是? 為什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
//將會一直循環(huán)嚎京,沒有結果,還是因為(setTimeout(function(){ },0)的作用隐解,會放在隊尾執(zhí)行鞍帝,當執(zhí)行完第一行代碼后,接著執(zhí)行while循環(huán)語句煞茫,判斷條件為真帕涌,最后將會一直循環(huán)。
9.下面這段代碼輸出续徽?如何輸出delayer: 0, delayer:1...(使用閉包來實現(xiàn))
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);
}