闭包定时器BOM

2017-07-06  本文已影响0人  饥人谷_啦啦啦

1.题目1: 下面的代码输出多少？修改代码让 fnArri 输出 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++){
      fnArr[i]=function(i){
        var arr=function(){
          return i
        }
        return arr
      }(i)
    }
    console.log(fnArr[3]())

立即执行函数表达式中的i 相当于 var i=传进来的参数i,此时外界的i改变，已经不能影响立即执行表达式函数内部的i,函数体内部的i和外界的i不是一个，完全可以用a代替。

   var fnArr=[]
   for(var i=0;i<10;i++){
     (function(i){
        fnArr[i]=function(){
          return i
        }  
     })(i)
   }
    console.log(fnArr[3]())

两种方法都是一个意思，用立即执行函数表达式，解决闭包带来的"负面"影响，根据作用域链的影响，我们找一个未命名的变量，找不到了就去找他爸爸，找不着就去找他爷爷，直到找不到才返回undefined。

题目中代码怎么了？

代码一做了什么?

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

var Car = (function (spe){
    var speed;
    function setSpeed(spe){
        speed = spe;
    }
    function getSpeed(){
        console.log(speed) ;
    }
    function accelerate(){
        speed += 10;
    }
    function decelerate(){
        speed -= 10;
    }
    function getStatus(){
        //speed > 0 ? console.log('running'):console.log('stop');
        console.log(speed > 0 ? 'running' : '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';

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，

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

 var flag = true;
setTimeout(function(){//等待所有任务结束后执行
    flag = false;
},0)
while(flag){} //setTimeout会等待它执行完毕，此时flag永远是true，无限循环。
console.log(flag);

5.下面这段代码输出？如何输出delayer: 0, delayer:1...（使用闭包来实现）

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

6.如何获取元素的真实宽高?

元素高宽，鼠标位移 
    var lala=document.querySelector('.lala')
    console.log(lala.offsetWidth)
    console.log(lala.offsetHeight)//内容+内边距+边框
console.log(lala.clientWidth)//内容+内边距
    console.log(window.getComputedStyle(lala).width)//IE下用element.currentStyle.,真实内容宽度

7. URL 如何编码解码？为什么要编码？

url格式

8.题目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);
}
上一篇 下一篇

猜你喜欢

热点阅读