题目1: 下面的代码输出多少?修改代码让 fnArri 输出 i。使用 两种以上的方法
var fnArr = [];
for (var i = 0; i < 10; i ++) {
fnArr[i] = function(){
return i;
};
}
console.log( fnArr[3]() ); //10
方法1
for(var i=0;i<10;i++){
function num(i){
fnArr[i] = function(){
return i;
}
}
num(i)
}
console.log( fnArr[3]() );
方法2
for(var j=0;j<10;j++){
fnArr[j]=function(i){
return function(){
return i
}
}(j)
}
console.log( fnArr[5]() );
题目2: 封装一个汽车对象,可以通过如下方式获取汽车状态
var Car = (function(){
var speed = 0;
return {
setSpeed: function (s){
return speed = s
},
getSpeed: function (){
console.log(speed)
},
accelerate: function (){
speed+=10
return speed
},
decelerate: function (){
speed-=10
return speed
},
getStatus: function(){
if (speed>0 && speed<120) {
console.log("running")
}else if(speed>120){
console.log("error")
}else{
console.log("stop")
}
}
}
})()
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);//2
}, 0);
var a ;
console.log(a);//1
a = 3;
console.log(a);//3
//按顺序输出是1,3,2
//因为setTimeout会在当前代码执行队列结束后执行(即异步延迟到同步代码执行结束后才允许执行)
题目4:下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}//flag永远是true,浏览器会卡死,因为setTimeout会在当前代码执行队列结束后执行,所以不会有结果
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);
console.log(i);
}
题目6: 如何获取元素的真实宽高
getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。使用范例:
var test = document.querySelector(".test")
getComputedStyle(test,pse).width //获取宽度,第二个参数为伪类,没有则不设置
getComputedStyle(test,pse).height //获取高度,第二个参数为伪类,没有则不设置
低版本IE不兼容getComputedStyle,可以使用currentStyle,兼容方式:
element.currentStyle ?
element.currentStyle : window.getComputedStyle(element, null)
URL 如何编码解码?为什么要编码?
var myUrl = "https://www.nuomi.com/?cid=002540"
//如果我们想编码一个URL并且可以使用它(访问),使用encodeURI();
var simpleUrl = encodeURI(myUrl);
//如果我们想编码一个URL并且可以将其放置在某URL的参数中,使用encodeURIComponent();
var complicateUrl = encodeURIComponent(muUrl);
对于Url来说,之所以要进行编码,是因为Url中有些字符会引起歧义。
补全如下函数,判断用户的浏览器类型
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);
}