题目1: 下面的代码输出多少？修改代码让 fnAr[i]() 输出 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 ++) {
(function(i){
fnArr[i] = function(){
return i;
};
})(i)}
console.log( fnArr[3]() );
方法二：
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = (function(i)
{
return function()
{
return i;
}
} )(i)
}
console.log( fnArr[3]() );
方法三：
var fnArr = [];
for (let i = 0; i < 10; i ++) {
fnArr[i] =function()
{
return i;
}
}
console.log( fnArr[3]() );
题目2： 封装一个汽车对象，可以通过如下方式获取汽车状态
var Car = (function(){
var speed = 0;
function setSpeed(s){
speed = s
}
...
return {
setSpeed: setSpeed,
...
}
})()
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
代码如下：
var Car = (function(){
var speed = 0;
function setSpeed(s){
speed = s
}
function getSpeed(){
return speed;
}
function accelerate(){
speed+=10;
}
function decelerate(){
if(speed>0)
speed-=10;
}
function getStatus(){
switch(true){
case speed>0:
return "running";
break;
case speed<=0:
return "stop";
break;
}
}
return {
setSpeed: setSpeed,
getSpeed:getSpeed,
accelerate:accelerate,
decelerate:decelerate,
getStatus:getStatus
}
})()
Car.setSpeed(30);
Car.getSpeed();
Car.accelerate();
Car.getSpeed(); //40;
Car.decelerate();
Car.decelerate();
Car.getSpeed(); //20
Car.getStatus(); // 'running';
Car.decelerate();
Car.decelerate();
Car.getStatus();
Car.speed;
题目3：下面这段代码输出结果是? 为什么?
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0);//虽然设置的时间为0秒，但是还是有执行间隔的，将会在下面所有的步骤执行完毕后才会显示结果，console执行的结果a为2，但是setTimeout（）函数返回的是一个id
var a ;
console.log(a);//a为1
a = 3;
console.log(a);//a为3；
题目4：下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)//会等while执行完后再执行
while(flag){}//是个死循环
console.log(flag);
题目5： 下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）
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);
}
方法二：
for(var i=0;i<5;i++){
( function(i)
{return setTimeout(function(){
console.log('delayer:' + i );
}, 0)})(i);
}
image.png
题目6： 如何获取元素的真实宽高
function getAtr(ele,pseudoElt,attr){
if(ele.currentStyle)
{
return ele.currentStyle[attr]
}
else {
var s= window.getComputedStyle(ele,pseudoElt);
return s.getPropertyValue(attr);
}
}
var box=document.querySelector(".box1");
var width1=getAtr(box,null,"width");
var height=getAtr(box,null,"height");
测试如下:
image.png
题目7： URL 如何编码解码？为什么要编码？
因为不同的操作系统，不同的浏览器，不同的网页字符集，将会导致完全不同的编码结果。因此使用javacript先对URL编码，然后再向服务器提交，不给浏览器插手的机会。因为JavaScript的输出总是一致的，所以保证了服务器得到的数据格式总是一致的。
Javascript提供了四个URL的编码/解码的方法
1.decodeURI():是对应于encodeURL格式的解码
2.decodeURIComponent()：对应于encodeURIComponent格式编码的解码
3.encodeURI()：着重于整个URL进行 编码。
4.encodeURIComponent()：用于对URL的组成部分进行个别编码，不用于对整个URL进行编码。
var url="https://www.baidu.com/？生活"
var ecode=encodeURI(url);//对整个url编码"https://www.baidu.com/%EF%BC%9F%E7%94%9F%E6%B4%BB"
var decode=decodeURI(ecode);//对整个url解码"https://www.baidu.com/？生活"
var words="#qfesir';"
var enco=encodeURIComponent(words);//对url字段编码为"%23qfesir'%3B"
var deenco=decodeURIComponent(enco);//对url局部字段解码为"#qfesir';"
具体的可以参照http://www.ruanyifeng.com/blog/2010/02/url_encoding.html
题目8：补全如下函数，判断用户的浏览器类型
function isAndroid(){
return /Android/.test(navigator.userAgent);
}
funcnction isIphone(){
return /iPhone/.test(navigator.userAgent);
}
function isIpad(){
return /iPad/.test(navigator.userAgent);
}
function isIOS(){
return /(iPad)|(iPhone)/i.test(navigator.userAgent);
}
