闭包定时BOM

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

 var fnarr = [];

   for (var i = 0; i < 10; i++) {   
       (function(){
           var s = i       
           fnarr[s] = function (){
               return s
           }
       })()
   }
   console.log(fnarr[2]())
   

方法二:闭包

   var fnArr = [];

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

方法三:立即执行函数表达式

   var fnarr = []; 

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

方法四:使用let,对块作用域生效。

   var fnArr = [];

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

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

var Car = (function(){

   var speed = 0;
   function setSpeed(s){
       speed = s
   }
   function getSpeed(){
       return speed
   }
   function accelerate(){
       speed = speed+10
       return speed
   }
   function decelerate(){
       speed = speed-10
       return speed
   }
   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();//40
Car.getSpeed(); //40;
Car.decelerate();//30
Car.decelerate();//20
Car.getSpeed(); //20
Car.getStatus(); // 'running';
Car.decelerate(); //10
Car.decelerate();//0
Car.getStatus(); //'stop';

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

var a = 1;

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

a = 3;

console.log(a); 
//1

//3
//2 定时器函数在最后执行,只是执行的时间延迟是0.

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

var flag = true;

setTimeout(function(){
   flag = false;
},0)
while(flag){} //死循环,没有结束语句。

console.log(flag); //不能输出结果

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

for(var i=0;i<5;i++){

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

for(let i=0;i<5;i++){

 setTimeout(function(){
         console.log('delayer:' + i );
 }, 0);
 console.log(i);
}

6: 如何获取元素的真实宽高
getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])
7: URL 如何编码解码?为什么要编码?
encodeURI()是Javascript中真正用来对URL编码的函数。它对应的解码函数是decodeURI()。
因为网络标准RFC 1738做了硬性规定:"只有字母和数字[0-9a-zA-Z]、一些特殊符号"$-_.+!*'(),"[不包括双引号]、以及某些保留字,才可以不经过编码直接用于URL。"但是RFC 1738没有规定具体的编码方法,而是交给应用程序(浏览器)自己决定。而不同的操作系统、不同的浏览器、不同的网页字符集,将导致完全不同的编码结果。使用Javascript先对URL编码,然后再向服务器提交,不经过浏览器编码。因为Javascript的输出总是一致的,所以就保证了服务器得到的数据是格式统一的。参考资料

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)