美文网首页
闭包_定时器_BOM

闭包_定时器_BOM

作者: 柚丶稚橙熟时 | 来源:发表于2017-07-03 16:30 被阅读0次

    题目1: 下面的代码输出多少?修改代码让 fnArri 输出 i。使用 两种以上的方法

    方法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 (let i = 0; i < 10; i ++) {
        fnArr[i] =  function(){
            return i ;
        }
    }
    console.log( fnArr[4]() );  //4
    

    题目2: 封装一个汽车对象,可以通过如下方式获取汽车状态

    var Car = (function(){
       var speed = 0;
       function setSpeed(s){
           speed = s
       }
       function getSpeed(){
           return speed
       }
       function accelerate(){
           speed += 10
       }
       function decelerate(){
           speed -= 10
       }
       function getStatus(){
           var flag = speed > 0;
           if(flag){
            return 'running'
           }else{
            return '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);  // 2
    }, 0);
    var a ;
    console.log(a);  // 1
    a = 3;
    console.log(a);// 3
    

    因为setTimeout中的函数会在其他代码运行完毕以后才开始读秒运行。

    题目4:下面这段代码输出结果是? 为什么?

    var flag = true;
    setTimeout(function(){
        flag = false;
    },0)
    while(flag){}
    console.log(flag);
    

    没有输出结果;
    while(flag){} 会一直循环。死循环。

    题目5: 下面这段代码输出?如何输出delayer: 0, delayer:1...(使用闭包来实现)

    for(var i=0;i<5;i++){
        !function(i){
            setTimeout(function(){
                console.log('delayer:' + i );
            }, 0);
        }(i)
        console.log(i);
    }
    

    题目6: 如何获取元素的真实宽高

    element.offsetWidth
    element.offsetHeight

    题目7: URL 如何编码解码?为什么要编码?

    decodeURI();
    decodeURIComponent();
    encodeURI();
    encodeURIComponent();

    encodeURIComponent比encodeURI编码的范围更大。如果你需要编码整个URL,然后需要使用这个URL,那么用encodeURI。

    要进行编码,是因为URL中有些字符会引起歧义。
    例如,Url参数字符串中使用key=value键值对这样的形式来传参,键值对之间以&符号分隔,如/s?q=abc&ie=utf-8。如果你的value字符串中包含了=或者&,那么势必会造成接收Url的服务器解析错误,因此必须将引起歧义的&和=符号进行转义,也就是对其进行编码。
    又如,URL的编码格式采用的是ASCII码,而不是Unicode,这也就是说你不能在Url中包含任何非ASCII字符,例如中文。否则如果客户端浏览器和服务端浏览器支持的字符集不同的情况下,中文可能会造成问题。
    URL编码的原则就是使用安全的字符(没有特殊用途或者特殊意义的可打印字符)去表示那些不安全的字符。

    题目8: 补全如下函数,判断用户的浏览器类型

    function isAndroid(){
        var reg = /Android/i 
        return reg.test(window.navigator.userAgent)
    }
    function isIphone(){
        var reg = /Iphone/i 
        return reg.test(window.navigator.userAgent)
    }
    function isIpad(){
        var reg = /Ipad/i 
        return reg.test(window.navigator.userAgent)
    }
    function isIOS(){
        var reg = /Ipad|Iphone/i 
        return reg.test(window.navigator.userAgent)
    }
    

    相关文章

      网友评论

          本文标题:闭包_定时器_BOM

          本文链接:https://www.haomeiwen.com/subject/vaqdcxtx.html