闭包、定时器、BOM

2017-07-06  本文已影响12人  好好顽

题目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++) {
  (function (n) {
    fnArr[n] = function () {
      return n
    }
  })(i)
}

for (var i = 0; i < 10; i++) {
  (function (n) {
    var n = i
    fnArr[n] = function () {
      return n
    }
  }())
}

题目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() {
    if (speed > 0) {
      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); //1  setTimeout这个函数会被延迟放在最后执行
}, 0);
var a ;
console.log(a);     //3
a = 3;
console.log(a);     //2

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

var flag = true;
setTimeout(function(){    //延迟执行放在最后
    flag = false;
},0)
while(flag){}          //flag永远为true 死循环,下面的函数不会被执行
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);    //输出 0, 1, 2, 3, 4 再输出5次 delayer:5
}
for(var i=0; i<5; i++){
  setTimeout((function(x){
    console.log('delayer:' + i ); 
  })(i), 0)
  console.log(i);
}

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

var a = document.getElementById("")
realHeight=window.getComputedStyle(a,null).height
realWdith=window.getComputedStyle(a,null).width

题目7: URL 如何编码解码?为什么要编码?
编码使用 encodeURI() 、encodeURIComponent() ;
对应解码使用 decodeURI()、decodeURIComponent()。
后者比前者编码的范围更大,如果你需要编码整个URL,然后需要使用这个URL,那么用encodeURI; 当你需要编码URL中的参数的时候,那么encodeURIComponent是最好方法。URI的编码格式采用的是ASCII码,而不是Unicode,这也就是说你不能在URI中包含任何非ASCII字符,例如中文。否则如果客户端浏览器和服务端浏览器支持的字符集不同的情况下,中文可能会造成问题。

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

猜你喜欢

热点阅读