什么是閉包? 有什么作用
簡單來說閉包就是在一個函數中創建一個函數，這個函數有權訪問其他作用域中變量。相當于函數內部和函數外部相連接的一個橋梁。
閉包的作用：
- 實現封裝,通過閉包，能在外部環境訪問一個函數內部的變量。
setTimeout 0 有什么作用
實現JavaScript的異步，正常時候JavaScript都是單線程執行的，也就是無法同時執行多段代碼，當某一段代碼正在執行的時候，所有后續的任務都必須等待，形成一個隊列，一旦當前任務執行完畢，再從隊列中取出下一個任務。這也常被稱為 “阻塞式執行”。使用setTimeout 0之后可以使得改語句的加載順序發生改變。例如
console.log(1);
setTimeout("console.log(2)",0);
console.log(3);
//這樣就會以此輸入1,3,2
下面的代碼輸出多少？修改代碼讓fnArri輸出 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 b=i;
return function(){
return b;
}
}(i);
}
console.log( fnArr[3]() );
//給函數綁定一個屬性。
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function arr(){
return arr.fn;
};
fnArr[i].fn=i;
}
console.log( fnArr[3]() );
使用閉包封裝一個汽車對象，可以通過如下方式獲取汽車狀態
var Car = function (){
var speed;
function setSpeed(num){
speed=num;
}
function getSpeed(){
console.log(speed);
return speed;
}
function accelerate(){
speed+=10;
}
function decelerate(){
speed-=10;
}
function getStatus(){
if(speed==0){
console.log("stop");
}
else{
console.log("running");
}
}
return{
speed:speed,
setSpeed:setSpeed,
getSpeed:getSpeed,
accelerate:accelerate,
decelerate:decelerate,
getStatus:getStatus,
}
}();
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
3.下寫一個函數使用setTimeout模擬setInterval的功能
function add(){
var time=new Date();
console.log("當前時間是"+time.getHours()+"點"+time.getMinutes()+"分"+time.getSeconds()+"秒");
add();
}
setTimeout("add()",1000);
// setInterval("add()",1000);
寫一個函數，計算setTimeout最小時間粒度
function getTime(){
var start=new Date();
var a=0;
var click=setTimeout(function(){
a++;
if(a==1000){
clearTimeout(click);
var end=new Date();
time=((end-start)/1000);
console.log(time);
}
click= setTimeout(arguments.callee, 0);
},0)
}
getTime();//4.06
下面這段代碼輸出結果是? 為什么?
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);//2
}, 0);
var a ;
console.log(a);//1
a = 3;
console.log(a);//3
//依次輸出1、3、2;
//因為setTimeot 0的特性，使得function(){}會放在最后執行。
下面這段代碼輸出結果是? 為什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
//會一直卡在while 循環這里。控制臺無輸出。
//因為setTimeout 0 的特性，匿名函數function(){}，需要等其他方法執行完，才執行。
//而while(flag){} 這個方法一直判斷為真，一直循環。卡死在這。
下面這段代碼輸出？如何輸出delayer: 0, delayer:1...
for(var i=0;i<5;i++){
(function(){
var a=i;
setTimeout(function(){
console.log('delayer:' + a );
}, 0);
}())
console.log(i);
}
