題目1:
下面的代碼輸出多少？修改代碼讓fnArr[i]()輸出 i耕赘。使用兩種以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //10
/*因為調(diào)用函數(shù)的時候，全局變量 i 已經(jīng)變成了10鞠苟，黃花菜都已經(jīng)涼了
*/
修改代碼，用閉包保存每次i的值
//方法1： 閉包加IIFE（立即執(zhí)行函數(shù)）
var fnArr = [];
for (var i = 0; i < 10; i++) {
fnArr[i] = function(i){
return function(){
return i
};
}(i)
}
console.log(fnArr[3]()); // 3
/*在外部嵌套一個立即執(zhí)行的函數(shù)当娱，構(gòu)造一個閉包，
保存每次循環(huán)中的 i 的值跨细。等調(diào)用的時候鹦倚，就讀取當(dāng)時的 i 的值冀惭。
也就是拍照留證據(jù)，等日后調(diào)查用散休。
*/
//方法2：用let創(chuàng)建每個作用域的私有變量
var fnArr = [];
for (let i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //3
題目2：
封裝一個汽車對象媒楼，可以通過如下方式獲取汽車狀態(tài)
var Car = function(){
var speed = 0;
function setSpeed(s){
speed = s //設(shè)置汽車起始速度
}
function getSpeed(){
return speed; //獲取汽車的當(dāng)前速度
}
function accelerate(){
speed += 10; //每次加速，提速10
}
function decelerate(){
speed -=10; //每次減速戚丸，減速10
}
function getStatus(){
if(0 < speed){
return "running" //如果速度大于0划址，狀態(tài)為running
}
if(0 === speed){
return "stop" //如果速度等于0，狀態(tài)為stop
}
if(0 > speed){
return "backing" //如果速度小于0限府，狀態(tài)為backing
}
}
return { /*return一個對象夺颤，對象名是字符串，對象值是函數(shù)名*/
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';
題目3：
下面這段代碼輸出結(jié)果是? 為什么?
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是異步執(zhí)行的胁勺，執(zhí)行順序排在最后
*/
題目4：
下面這段代碼輸出結(jié)果是? 為什么?
// !!!不要去執(zhí)行這段代碼世澜，會卡死的
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
/*進(jìn)入一個無限循環(huán)，什么都不輸出
因為setTimeout異步執(zhí)行署穗，執(zhí)行順序排到最后去寥裂，
所以while循環(huán)中的布爾值是true,會一直無限循環(huán)下去，
后面的js代碼永遠(yuǎn)執(zhí)行不到蛇捌，所以沒有輸出
*/
題目5：
下面這段代碼輸出抚恒？如何輸出delayer: 0, delayer:1...（使用閉包來實現(xiàn)）
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
}
/*0 1 2 3 4
delayer:5
delayer:5
delayer:5
delayer:5
delayer:5
*/
要想輸出delayer: 0, delayer:1...有以下方法
- 方法1
//用閉包改寫代碼：
for(var i=0;i<5;i++){
setTimeout(function(i){
return function(){
console.log('delayer:' + i );
}
}(i)
, 0);
console.log(i);
}
/*0 1 2 3 4
delayer:0
delayer:1
delayer:2
delayer:3
delayer:4
*/
- 方法2
//用let創(chuàng)建私有變量
for(let i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);
}
/*0 1 2 3 4
delayer:0
delayer:1
delayer:2
delayer:3
delayer:4
*/
