进阶任务十一

2017-12-06 本文已影响0人饥人谷_迪

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

 var fnArr = [];
    for (var i = 0; i < 10; i ++) {
        fnArr[i] =  function(){
            return i;
        };
    }
    console.log( fnArr[3]() );  // 输出结果为：10

var fnArr = []

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

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

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

var Car = (function(){
       var speed = 0;
       function setSpeed(s){
           speed = s
           if( speed === s) {
            return 1
           }else {
            return -1
           }
       }
       function getSpeed() {
            return speed;
       }
       function accelerate() {
            speed += 10;
       }
       function decelerate() {
            if(speed === 0) {
                return;
            }
            speed -= 10;
       }
       function getStatus() {
        if(speed === 0) {
            return 'stop'
        }else {
            return 'running'
        }
       }
       
       return {
          setSpeed: setSpeed,
          getSpeed: getSpeed,
          accelerate: accelerate,
          decelerate: decelerate,
          getStatus: getStatus
       }
})()
console.log(Car.setSpeed(30));
console.log(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';
console.log(Car.setSpeed);

题目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);
//flag 值一直为 true，无限循环 while(flag){}，不会执行 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);
}

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

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

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

var element = document.querySelector('ul')
var width = window.getComputedStyle(element).width;
var height = window.getComputedStyle(element).height;

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

可以使用 encodeURI() 或者 encodeURIComponent()
可以使用 decodeURI() 或者 decodeURIComponent()

原因：

url的编码格式采用的是ASCII码，而中文不是ASCII的字符，如果不先编码就传输数据，那么可能会出现问题。所以通过把中文字符编码为符合ASCII标准的字符，就可以避免这个问题
url字符串中使用 key=value 键值对的方式传输参数，键值对之间用 & 隔开。服务端接收到参数后，会根据 & 分割键值对，根据 = 分割键和值。如果这时候键或值中含有 & 、= 这些字符，那么服务端分割参数的时候会出现错误。所以通过把键值中的 &、= 进行编码，就可以避免这个问题

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

    function isAndroid(){
        return /Android/i.test(navigator.userAgent);
    }
    function isIphone(){
        return /iPhone/i.test(navigator.userAgent);
    }
    function isIpad(){
        return /iPad/i.test(navigator.userAgent);
    }
    function isIOS(){
        return /(iPad) | (iPhone)/i.test(navigator.userAgent);
    }

进阶任务十一

猜你喜欢

热点阅读