闭包_定时器_BOM

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

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

方法1：
var fnArr = [];
for (var i = 0; i < 10; i ++) {
  var t = function () {
    var a = i;
    return function () {
      return a;
    }
  }()
  fnArr[i] = t
}
console.log( fnArr[3]() );

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

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

var Car = (function(){
   var speed = 0;
  function setSpeed(s){
    speed = s
  }
  function accelerate() {
    speed += 10;
  }
  function decelerate() {
    if(speed>0){
      speed -= 10;
    }
  }
  function getStatus() {
    if(speed>0){
      console.log('running')
    }else {
      console.log('stop')
    }
  }
  function getSpeed() {
    console.log(speed)
  }

  return {
    setSpeed: setSpeed,
    accelerate: accelerate,
    decelerate: decelerate,
    getStatus: getStatus,
    getSpeed: getSpeed
  }
})()
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 输出的是var a = 1的值，由于变量提升重新声明对值无影响
// 3 输出的是a = 3
// 2 输出的是setTimeout里函数中a=2的值，因为有setTimeout所以会等待其它代码执行完再执行函数。

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

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);
//不会输出结果，因为因为有setTimeout所以会等待其它代码执行完再执行当中的函数,while(flag){}中的flag一直为true，不会退出循环。

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

for(var i=0;i<5;i++){
    setTimeout(function(){
         console.log('delayer:' + i );
    }, 0);
    console.log(i);
}
setTimeout中的所有i访问的都是全局的i，而setTimeout的回调函数会在for循环执行完毕后执行所以此时i的值为5
输出：
// 0
// 1
// 2
// 3
// 4
// delayer:5
// delayer:5
// delayer:5
// delayer:5
// delayer:5
修改：
for(var i=0;i<5;i++){
  !function (i) {
    setTimeout(function(){
      console.log('delayer:' + i );
    }, 0);
  }(i)
}

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

通过 getComputedStyle （IE 下 currentStyle）获得元素的真实尺寸。

var logo = document.querySelector('#result_logo')
aa = window.getComputedStyle(logo)
aa.height
aa.width

logo宽高

题目7： URL 如何编码解码？为什么要编码？

解码：
decodeURIcomponent()
decodeURI
将UTF8编码解码为相应字符
编码：
encodeURIComponent()
encodeURI
使用一到四个转义序列来表示字符串中的每个字符的UTF-8编码,
encodeURI和encodeURIComponent的区别在于前者被设计来用于对完整URL进行URL Encode，于是URL中的功能字符，比如&, ?, /, =等等这些并不会被转义；而后者被设计来对一个URL中的值进行转义，会把这些功能字符也进行转义
为什么要编码：URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号。

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

ua = window.navigator.userAgent
function isAndroid(){
  return ua.search(/Andriod/)>-1 || ua.search(/adr/)>-1
}
function isIphone(){
  return ua.search(/iPhone/)>-1
}
function isIpad(){
  return ua.search(/iPad/)>-1
}
function isIOS(){
  return ua.search(/OS/)>-1
}

闭包_定时器_BOM

推荐阅读更多精彩内容