题目1: 下面的代码输出多少？修改代码让 fnArri 输出 i。使用 两种以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //10
//方法1:立即执行函数
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = (function(){
return i;
})()
}
console.log( fnArr[3]); //3
//方法2:闭包
var fnArr = [];
for (var i = 0; i < 10; i ++) {
! function(i){
fnArr[i] = function(){
return i;
}
}(i)
}
console.log( fnArr[3]()); //3
//方法3ES6的方法let
var fnArr = [];
for (let i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //3
题目2： 封装一个汽车对象，可以通过如下方式获取汽车状态
var Car = (function(){
var speed = 0;
function setSpeed(s){
speed = s
}
function getSpeed(){
console.log(speed)
}
function accelerate(){
speed += 10
}
function decelerate() {
if (speed >= 10){
speed -=10
}else{
speed = 0
}
}
function getStatus() {
if (speed === 0){
console.log( 'stop')
}else {
console.log( 'running')
}
}
return {
setSpeed: setSpeed,
getSpeed: getSpeed,
accelerate:accelerate,
decelerate:decelerate,
getStatus:getStatus,
speed:'error'
}
})()
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：下面这段代码输出结果是? 为什么?
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启动一个计时器,计时器到期后运行代码，但是计时器要在主代码执行完后才会执行。所以计时器中代码执行时间通常比设定时间要长。
setTimeout和setInterval的运行机制是，将指定的代码移出本次执行，等到下一轮 Event Loop 时，再检查是否到了指定时间。如果到了，就执行对应的代码；如果不到，就等到再下一轮 Event Loop 时重新判断。
这意味着，setTimeout和setInterval指定的代码，必须等到本轮 Event Loop 的所有任务都执行完，才会开始执行。由于前面的任务到底需要多少时间执行完，是不确定的，所以没有办法保证，setTimeout和setInterval指定的任务，一定会按照预定时间执行。
题目4：下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
输出结果是true,setTimeout会等到代码执行完再启动计时器，主代码中while是死循环，setTimeout中的代码不会执行，flag一直为true
题目5： 下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）
for(var i=0;i<5;i++){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
console.log(i);//0,1,2,3,4
}
//setTimeout输出结果为'delayer：5''delayer：5''delayer：5''delayer：5''delayer：5'
for(var i=0;i<5;i++){
!function(i){
setTimeout(function(){
console.log('delayer:' + i );
}, 0);
}(i)
console.log(i);//0,1,2,3,4
}
题目6： 如何获取元素的真实宽高
使用offseHeight和offsetWidth
var o = document.getElementById("view");
var h = o.offsetHeight; //高度
var w = o.offsetWidth; //宽度
题目7： URL 如何编码解码？为什么要编码？
encodeURI/decodeURI
它着眼于对整个URL进行编码，因此除了常见的符号以外，对其他一些在网址中有特殊含义的符号"; / ? : @ & = + $ , #"，也不进行编码。编码后，它输出符号的utf-8形式，并且在每个字节前加上%。
bg2010021113.png
它对应的解码函数是decodeURI()。
bg2010021114.png
需要注意的是，它不对单引号'编码。
encodeURIComponent/decodeURIComponent
最后一个Javascript编码函数是encodeURIComponent()。与encodeURI()的区别是，它用于对URL的组成部分进行个别编码，而不用于对整个URL进行编码。
因此，"; / ? : @ & = + $ , #"，这些在encodeURI()中不被编码的符号，在encodeURIComponent()中统统会被编码。至于具体的编码方法，两者是一样。
bg2010021115.png
它对应的解码函数是decodeURIComponent()。
为什么要编码
URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号。。这是因为网络标准RFC 1738做了硬性规定：
"...Only alphanumerics [0-9a-zA-Z], the special characters "$-.+!*'()," [not including the quotes - ed], and reserved characters used for their reserved purposes may be used unencoded within a URL."
"只有字母和数字[0-9a-zA-Z]、一些特殊符号"$-.+!*'(),"[不包括双引号]、以及某些保留字，才可以不经过编码直接用于URL。"
参考
题目8： 补全如下函数，判断用户的浏览器类型
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 /Iphone|ipad|Ipod/i.test(navigator.userAgent)
}
