题目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(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]() );
题目2: 封装一个汽车对象,可以通过如下方式获取汽车状态
var Car = (function(){
var speed = 0;
function setSpeed(s){
speed = s
}
function getSpeed(){
console.log(speed)
}
function accelerate(){
speed += 10
return
}
function decelerate(){
speed -= 10
return
}
function getStatus(){
if(speed>0){
console.log("running")
}
if(speed=0){
console.log('stop')
}
}
return {
'setSpeed':setSpeed,
'getSpeed':getSpeed,
'accelerate':accelerate,
'decelerate':decelerate,
'getStatus':getStatus
}
})()
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要在所有执行完毕后才执行
题目4:下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag); //while没有执行代码 导致空循环 ,后面的执行代码也不会执行
下面这段代码输出?如何输出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 * 5
for(var i=0;i<5;i++){
!function (i){
setTimeout(function(){
console.log('delayer:' + i );
}, 0)}(i)
console.log(i);
}
题目6: 如何获取元素的真实宽高
window.getComputedStyle('元素').width
获取宽
window.getComputedStyle('元素').height
获取高
IE8之前则要使用element.currentStyle
题目7: URL 如何编码解码?为什么要编码?
因为网络标准RFC 1738做了硬性规定:只有字母和数字[0-9a-zA-Z]、一些特殊符号"$-_.+!*'(),"[不包括双引号]、以及某些保留字,才可以不经过编码直接用于URL
所以URL中如果有其他字,为了不出现乱码就必须编码后使用
encodeURI()
方法编码后,它输出符号的utf-8形式,并且在每个字节前加上%。并且不会对下列字符编码:
- ASCII字母
- 数字
- ~!@#$&*()=:/,;?+'
对应的解码方法为decodeURI()
encodeURIComponent()
方法不会对下列字符编码: - ASCII字母
- 数字
- ~!*()'
对应的解码方法为decodeURIComponent()
题目8: 补全如下函数,判断用户的浏览器类型
var user =window.navigator.userAgent
function isAndroid(){
if(/Android/.test(user)){
return isAndroid
}
}
function isIphone(){
if(/Iphone/.test(user)){
return isIphone
}
}
function isIpad(){
if(/Ipad/.test(user)){
return isIpad
}
}
function isIOS(){
if(/IOS/.test(user)){
return isIOS
}
}