BOM

题目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形式,并且在每个字节前加上%。并且不会对下列字符编码:

  1. ASCII字母
  2. 数字
  3. ~!@#$&*()=:/,;?+'
    对应的解码方法为decodeURI()
    encodeURIComponent()方法不会对下列字符编码:
  4. ASCII字母
  5. 数字
  6. ~!*()'
    对应的解码方法为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
    }
}

推荐阅读更多精彩内容

  • 题目1: 下面的代码输出多少?修改代码让 fnArr[i]() 输出 i。使用 两种以上的方法 var fnArr...
    saintkl阅读 36评论 0 0
  • 题目1: 下面的代码输出多少?修改代码让 fnArr[i] () 输出 i。使用 两种以上的方法 题目2: 封装一...
    ezrealor阅读 90评论 0 3
  • 题目1: 下面的代码输出多少?修改代码让 fnArr[i]() 输出 i。使用 两种以上的方法 题目2: 封装一个...
    peaceChierdo阅读 43评论 0 0
  • 题目1: 下面的代码输出多少?修改代码让 fnArri 输出 i。使用 两种以上的方法 方法1让函数及时自我执行。...
    Feiyu_有猫病阅读 59评论 0 0
  • 1: 下面的代码输出多少?修改代码让 fnArr[i]() 输出 i。使用 两种以上的方法 方法1:声明个函数,创...
    晓风残月1994阅读 26评论 0 0