美文网首页
闭包、定时器、BOM

闭包、定时器、BOM

作者: 好好顽 | 来源:发表于2017-07-06 00:26 被阅读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);
}

相关文章

  • 闭包_定时器_BOM

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

  • 闭包_定时器_BOM

    题目1: 下面的代码输出多少?修改代码让fnArr[i]() 输出 i。使用两种以上的方法 题目2: 封装一个汽车...

  • 闭包-定时器-BOM

    1- 算出代码的输出值;修改代码让 fnArri 输出 i 结果:输出 10,因为循环的时候 fnArr[i] =...

  • 闭包_定时器_BOM

    1、下面的代码输出多少?修改代码让 fnArr[i]() 输出 i。使用两种以上的方法。 方法一: 方法二: 方法...

  • 闭包&&定时器&&BOM

    1、下面的代码输出多少?修改代码让 fnArri 输出 i。使用 两种以上的方法 方法一:闭包 方法二:和方法一差...

  • 闭包_定时器_BOM

    题目1: 下面的代码输出多少?修改代码让 fnArri 输出 i。使用 两种以上的方法 题目2: 封装一个汽车对象...

  • 闭包、定时器、BOM

    下面的代码输出多少?修改代码让 fnArr[i]() 输出 i。使用 两种以上的方法 改造如下: 封装一个汽车对象...

  • 闭包_定时器_BOM

    1. 题目1: 下面的代码输出多少?修改代码让 fnArri 输出 i。使用两种以上的方法 2. 封装一个汽车对象...

  • 闭包、定时器、BOM

    1.下面的代码输出多少?修改代码让 fnArri 输出 i。使用 两种以上的方法 方法一 方法二: 方法三: 2....

  • 闭包-定时器-BOM

    1. 下面的代码输出多少?修改代码让fnArr[i]()输出 i。使用两种以上的方法 方法一: 方法二: 2. 封...

网友评论

      本文标题:闭包、定时器、BOM

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