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

闭包-定时器-BOM

作者: 魔王卡卡 | 来源:发表于2017-10-11 12:35 被阅读0次

下面的代码输出多少?修改代码让 fnArr[i]() 输出 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++) {
    !function (i) {
        fnArr[i] = function () {
            return i
        }
    }(i)
}
console.log(fnArr[3]())

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

封装一个汽车对象,可以通过如下方式获取汽车状态

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){
           console.log('running')
       }else if(speed === 0){
           console.log('stop')
       }else{
           console.log('impossible')
       }
   }
   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

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

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);

输出结果是 1,3,2
因为 setTimeout 的运行机制是将指定的代码移出本次执行,等到下一轮Event Loop时,再检查是否到了指定时间。如果到了,就执行对应的代码;如果不到,就等到再下一轮Event Loop时重新判断。这意味着,setTimeout指定的代码,必须等到本次执行的所有代码都执行完,才会执行


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

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);

因为 �setTimeout 的运行机制,�导致 setTimeout 中的代码被移出了本次执行,while(flag){} 首先执行,而由于 flag=true ,这个 while 循环又没有任何打破循环的语句或跳出循环的语句,所以造成了一个死循环,之后的 �console.log(flag) 也不会执行了


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

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

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

如何获取元素的真实宽高

  • getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。使用范例:
 var test = document.querySelector(".test")
getComputedStyle(test,pse).width //获取宽度,第二个参数为伪类,没有则不设置
getComputedStyle(test,pse).height //获取高度,第二个参数为伪类,没有则不设置
  • 低版本IE不兼容getComputedStyle,可以使用currentStyle,兼容方式:
element.currentStyle ?
    element.currentStyle : window.getComputedStyle(element, null)

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进行编码,不让浏览器来处理,保证服务器得到的数据总是一致的。

URL编码

URL和URI的区别


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

function isAndroid(){
  return navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Adr') > -1
}
function isIphone(){
  return navigator.userAgent.indexOf('iPhone') > -1
}
function isIpad(){
  return navigator.userAgent.indexOf('iPad') > -1
}
function isIOS(){
  return !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
}

相关文章

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