美文网首页
闭包定时器BOM

闭包定时器BOM

作者: 月光下的微笑 | 来源:发表于2017-11-23 14:24 被阅读0次

闭包_定时器_BOM

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

输出为10


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



var fnArr = [],
        i;
for (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 getSpeed() {
    return speed;
  }
  function accelerate() {
    return speed += 10;
  }
  function decelerate() {
    if(speed === 0)return;
    return speed -= 10;
  }
  function getStatus() {
    return 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';
//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);
/*
先拆代码:
var a = 1;
var a;
console.log(a);   //1 a先赋值为1
a = 3;
console.log(a);   //3 然后再赋值为3

setTimeout(function() {
  a = 2;
  console.log(a); 
}, 0);
 /*
 因为setTimeout虽然设置了0秒,但是这个0秒实在当前环境的代码都执行完之后才计算的,所以是setTimeout里面的代码是最后执行的,在setTimeout的上下文环境里a=2,所以最后打印出来2。
 */

*/

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

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);
/*没有输出,程序卡在while循环里面出不去了*/

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

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

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

var eleStyle = window.getComputedStyle(element, null) ? window.getComputedStyle(element, null): element.currentStyle;
var width = eleStyle.width;
var height = eleStyle.height;

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

JavaScript提供四个URL的编码/解码方法。

  1. decodeURI()
  2. decodeURIComponent()
  3. encodeURI()
  4. encodeURIComponent()

区别

encodeURI方法不会对下列字符编码

1. ASCII字母
2. 数字
3. ~!@#$&*()=:/,;?+'

encodeURIComponent方法不会对下列字符编码

1. ASCII字母
2. 数字
3. ~!*()'

所以encodeURIComponent比encodeURI编码的范围更大。因为用户使用的浏览器,操作系统,网页字符集等等都不是一样的。所以使用 javacript 预先对URL进行编码,不让浏览器来处理,保证服务器得到的数据总是一致的。

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

var agent = navigator.userAgent

function isAndroid() {
  return agent.indexOf('Android') !== -1
}

function isIphone() {
  return agent.indexOf('iPhone') !== -1
}

function isIpad() {
  return agent.indexOf('iPad') !== -1
}

function isIOS() {
  return agent.indexOf('Mac OS X') !== -1
}

相关文章

  • 闭包_定时器_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/vkrkpxtx.html