level-20

什么是闭包? 有什么作用

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

  • 实现封装,通过闭包,能在外部环境访问一个函数内部的变量。

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);
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 定时器 参考链接 setTimeout() 上面代码的输出结果就是1,3,2,因为setTimeout指定第二行语...
    Cause_XL阅读 441评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,860评论 18 139
  • 问题 一、什么是闭包? 有什么作用? 1.什么是闭包①JavaScript高级程序设计第三版定义闭包是指有权访问另...
    鸿鹄飞天阅读 475评论 0 0
  • 一个男人的一辈子都有这样两个女人,至少两个。 娶了红玫瑰,久了,红的变成了墙上的一抹蚊子血,而白的还是“窗前明月光...
    一言二丫阅读 1,716评论 2 3
  • 1. 前言 从之前的文章 从零到一:用Golang编写机器人 ,我们已经可以编写一个属于自己的小机器人了。 而本文...
    evolsnow阅读 6,552评论 4 17