level-20

2016-04-03  本文已影响13人  lurker

什么是闭包? 有什么作用

简单来说闭包就是在一个函数中创建一个函数,这个函数有权访问其他作用域中变量。相当于函数内部和函数外部相连接的一个桥梁。
闭包的作用:

setTimeout 0 有什么作用

实现JavaScript的异步,正常时候JavaScript都是单线程执行的,也就是无法同时执行多段代码,当某一段代码正在执行的时候,所有后续的任务都必须等待,形成一个队列,一旦当前任务执行完毕,再从队列中取出下一个任务。这也常被称为 “阻塞式执行”。使用setTimeout 0之后可以使得改语句的加载顺序发生改变。例如

console.log(1);
setTimeout("console.log(2)",0);
console.log(3);
//这样就会以此输入1,3,2

下面的代码输出多少?修改代码让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 ++) {
        fnArr[i] =  function(){
            var b=i;
            return function(){
                return b;
            }
        }(i);
    }
    console.log( fnArr[3]() );
    //给函数绑定一个属性。
        var fnArr = [];
    for (var i = 0; i < 10; i ++) {
        fnArr[i] =  function arr(){
            return arr.fn;
        };
        fnArr[i].fn=i;
    }
    console.log( fnArr[3]() );

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

var Car = function (){
    var speed;

    function setSpeed(num){
        speed=num;
    }

    function getSpeed(){
        console.log(speed);
        return speed;
    }

    function accelerate(){
        speed+=10;
    }

    function decelerate(){
        speed-=10;
    }

    function getStatus(){
        if(speed==0){
            console.log("stop");
        }
        else{
            console.log("running");
        }
    }
    return{
        speed:speed,
        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.下写一个函数使用setTimeout模拟setInterval的功能

function add(){
    var time=new Date();
    console.log("当前时间是"+time.getHours()+"点"+time.getMinutes()+"分"+time.getSeconds()+"秒");
    add();
}
        setTimeout("add()",1000);
    // setInterval("add()",1000);

写一个函数,计算setTimeout最小时间粒度

function getTime(){
    var start=new Date();
    var a=0;
    var click=setTimeout(function(){
        a++;
        if(a==1000){
            clearTimeout(click);
            var end=new Date();
            time=((end-start)/1000);
            console.log(time);
        }
       click= setTimeout(arguments.callee, 0);
    },0)
}
getTime();//4.06

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

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);//2
}, 0);
var a ;
console.log(a);//1
a = 3;
console.log(a);//3
//依次输出1、3、2;
//因为setTimeot 0的特性,使得function(){}会放在最后执行。

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

var flag = true;
setTimeout(function(){
    flag = false;
},0)
while(flag){}
console.log(flag);
//会一直卡在while 循环这里。控制台无输出。
//因为setTimeout 0 的特性,匿名函数function(){},需要等其他方法执行完,才执行。
//而while(flag){}  这个方法一直判断为真,一直循环。卡死在这。

下面这段代码输出?如何输出delayer: 0, delayer:1...

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

猜你喜欢

热点阅读