題目1: 下面的代碼輸出多少慌盯？修改代碼讓 fnArri 輸出 i恋技。使用 兩種以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); // 輸出結果為：10
var fnArr = []
for (var i = 0; i < 10; i ++) {
!function(j){
fnArr[j] = function(){
return j;
};
}(i)
}
console.log( fnArr[3]() );//3
//方法二
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(i){
return function(){
return i;
};
}(i);
}
console.log( fnArr[3]() ); // 3
題目2： 封裝一個汽車對象砂沛，可以通過如下方式獲取汽車狀態(tài)
var Car = (function(){
var speed = 0;
function setSpeed(s){
speed = s
if( speed === s) {
return 1
}else {
return -1
}
}
function getSpeed() {
return speed;
}
function accelerate() {
speed += 10;
}
function decelerate() {
if(speed === 0) {
return;
}
speed -= 10;
}
function getStatus() {
if(speed === 0) {
return 'stop'
}else {
return 'running'
}
}
return {
setSpeed: setSpeed,
getSpeed: getSpeed,
accelerate: accelerate,
decelerate: decelerate,
getStatus: getStatus
}
})()
console.log(Car.setSpeed(30));
console.log(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';
console.log(Car.setSpeed);
題目3：下面這段代碼輸出結果是? 為什么?
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
輸出結果是1,3,2
雖然設置的時間為0秒瞎暑，但是它必須等待本次執(zhí)行的代碼執(zhí)行完畢后才會執(zhí)行
題目4：下面這段代碼輸出結果是? 為什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
//flag 值一直為 true献烦，無限循環(huán) while(flag){}滓窍，不會執(zhí)行 console.log(flag);
題目5： 下面這段代碼輸出？如何輸出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++){
setTimeout((function(i){
return function(){
console.log('delayer:' + i );
}
})(i), 0);
console.log(i);
}
//方法二
for (var i = 0; i < 5; i++) {
!function (i) {
setTimeout(function () {
console.log('delayer:' + i);
}, 0);
}(i)
}
題目6： 如何獲取元素的真實寬高
var element = document.querySelector('ul')
var width = window.getComputedStyle(element).width;
var height = window.getComputedStyle(element).height;
題目7： URL 如何編碼解碼仿荆？為什么要編碼贰您？
- 可以使用 encodeURI() 或者 encodeURIComponent()
- 可以使用 decodeURI() 或者 decodeURIComponent()
原因：
url的編碼格式采用的是ASCII碼坏平，而中文不是ASCII的字符，如果不先編碼就傳輸數(shù)據(jù)锦亦，那么可能會出現(xiàn)問題舶替。所以通過把中文字符編碼為符合ASCII標準的字符，就可以避免這個問題
url字符串中使用 key=value 鍵值對的方式傳輸參數(shù)杠园，鍵值對之間用 & 隔開顾瞪。服務端接收到參數(shù)后，會根據(jù) & 分割鍵值對抛蚁，根據(jù) = 分割鍵和值陈醒。如果這時候鍵或值中含有 & 、= 這些字符瞧甩，那么服務端分割參數(shù)的時候會出現(xiàn)錯誤钉跷。所以通過把鍵值中的 &、= 進行編碼肚逸，就可以避免這個問題
題目8： 補全如下函數(shù)爷辙，判斷用戶的瀏覽器類型
function isAndroid(){
return /Android/i.test(navigator.userAgent);
}
function isIphone(){
return /iPhone/i.test(navigator.userAgent);
}
function isIpad(){
return /iPad/i.test(navigator.userAgent);
}
function isIOS(){
return /(iPad) | (iPhone)/i.test(navigator.userAgent);
}
