题目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(i){
return function(){
return i
}
})(i)
}
console.log( fnArr[3]()); //3
方法2
var fnArr=[];
for(var i=0;i<10;i++){
(function(n){
fnArr[i]=function(){
return n;
}
})(i)
}
console.log(fnArr[3]());
题目2： 封装一个汽车对象，可以通过如下方式获取汽车状态
var Car = (function(){
var Car={
speed:0,
setSpeed:function(s){
Car.speed=s;
},
getSpeed:function(){
console.log(Car.speed)
return Car.speed;
},
accelerate:function(){
Car.speed+=10;
},
decelerate:function(){
Car.speed-=10;
if(Car.speed<0){
Car.speed='eror'
}
},
getStatus:function(){
if(Car.speed>0){
console.log('running')
return 'running'
}else{
Car.speed='eror'
console.log('stop')
return 'stop'
}
}
};
return Car;
})()
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.decelerate();
Car.decelerate();
Car.getStatus(); //'stop';
console.log(Car.speed);
题目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()的执行结果在最后；
页面开始加载，首先var a=1,下面再var a相当于执行了一行代码内容为a,所以a的值还是1，这时console.log(a)为1
往下执行，a=3，所以console.log(a) 3
题目4：下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
啥都不输出，网页会崩溃
因为
setTimeout(function(){
flag = false;
},0)是在页面加载其它代码加载执行完再执行的，
所以flag=true,while(flag){}会一直循环，知道把所有的内存都占用，然后网页崩溃
题目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
delayer:5
delayer:5
delayer:5
delayer:5
delayer:5
如何输出delayer: 0, delayer:1...（使用闭包来实现）：
for(var i=0;i<5;i++){
(function(i){
function fn(){
console.log('delayer:' + i );
}
setTimeout(fn, 0);
console.log(i);
})(i)
}
题目6： 如何获取元素的真实宽高
getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象。获得的style是页面上css计算的最终结果，其中这个声明对象包含height和width属性，可以通过下面的方式获得真实样式，这个方法第二个参数代表伪类没有则为null;
//window.getComputedStyle("元素", "伪类");
console.log(window.getComputedStyle(d1,null).width)
console.log(window.getComputedStyle(d1,null).height)
题目7： URL 如何编码解码？为什么要编码？
可用encodeURI（）、encodeURIComponent（）方法对url进行编码
encodeURI方法不会对下列字符编码
ASCII字母
数字
~!@#$&*()=:/,;?+'
encodeURIComponent方法不会对下列字符编码
ASCII字母
数字
~!*()'
所以encodeURIComponent比encodeURI编码的范围更大
解码
用decodeURI()和decodeURIComponent()可以对编码过的字符串进行解码
为什么要编码？
我们都知道Http协议中参数的传输是"key=value"这种简直对形式的，如果要传多个参数就需要用“&”符号对键值对进行分割。如"?name1=value1&name2=value2"，这样在服务端在收到这种字符串的时候，会用“&”分割出每一个参数，然后再用“=”来分割出参数值。
针对“name1=value1&name2=value2”我们来说一下客户端到服务端的概念上解析过程:
上述字符串在计算机中用ASCII吗表示为：
6E616D6531 3D 76616C756531 26 6E616D6532 3D 76616C756532。
6E616D6531：name1
3D：=
76616C756531：value1
26：&
6E616D6532：name2
3D：=
76616C756532：value2
服务端在接收到该数据后就可以遍历该字节流，首先一个字节一个字节的吃，当吃到3D这字节后，服务端就知道前面吃得字节表示一个key，再想后吃，如果遇到26，说明从刚才吃的3D到26子节之间的是上一个key的value，以此类推就可以解析出客户端传过来的参数。
现在有这样一个问题，如果我的参数值中就包含=或&这种特殊字符的时候该怎么办。
比如说“name1=value1”,其中value1的值是“va&lu=e1”字符串，那么实际在传输过程中就会变成这样“name1=va&lu=e1”。我们的本意是就只有一个键值对，但是服务端会解析成两个键值对，这样就产生了歧义。
还有就是中文等其他非英文字符也无法出现在url上所以要进行编码
题目8： 补全如下函数，判断用户的浏览器类型
var a=window.navigator.userAgent
function isAndroid(){
var reg=/Android/ig
if(reg.test(a)){
return '安卓'
}
}
funcnction isIphone(){
var reg=/iphone/ig
if(reg.test(a)){
return 'ipone'
}
}
function isIpad(){
var reg=/ipad/ig
if(reg.test(a)){
return 'ipad'
}
}
function isIOS(){
var reg=/ios/ig
if(reg.test(a)){
return 'ios'
}
}
