闭包&定时器-Assignment

1.什么是闭包? 有什么作用

闭包就是能够读取其他函数内部变量的函数!!!
闭包由两部分组成——函数以及创建该函数的环境,结合代码解释如下:

function outerFn(){
  var a = 1;
  function innerFn(){
      console.log(a)
  }
  return innerFn 
}
var fnRef = outerFn()
fnRef();
//上述代码中:
1.闭包指的是能够读取outerFn函数内部变量a的函数innerFn
2.这个闭包有函数innerFn以及创建该函数的环境——定义在outerFn函数内的变量构成
3.通过全局变量或是父函数返回值的两种方法,可以实现在外部函数之外调用闭包,从而实现在外部函数之外引用外部函数内的变量

闭包的作用有很多,这里简单介绍3种:隔离作用域、做计数器和声明私有变量;

2.setTimeout 0 有什么作用

  • setTimeout(func,miliseconds)的作用是延时指定的毫秒数再执行指定代码;
  • setTimeout有最小的时间间隔(4ms-16ms),所以设置 setTimeout(func, 1)其实不会在1ms后执行,而是再最小间隔之后比如4ms之后;
  • setTimeout(funct, 0)时,作用是让func在现有的任务(脚本的同步任务和“任务队列”中已有的事件)一结束就立刻执行。也就是说,setTimeout(func,0)的作用是,尽可能早地执行指定的任务

3.下面的代码输出多少?修改代码让fnArr[i]()输出 i。使用两种以上的方法

上述代码输出的是10,因为每次遍历时只是将函数赋给fnArr[i],遍历完成后此时i=10;
当调用fnArr[i]()时此时会返回i的当前值为10
//Method 1
var fnArr = [];
for (var i = 0; i < 10; i ++) {
  fnArr[i] =  (function(argus){
    return function(){
      return argus;
    }
  }(i));
}
console.log( fnArr[3]() ); 
console.log( fnArr[2]() ); 

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

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

var Car = (function(){
  return{
    speed: 0,
    setSpeed: function(v){
      v >= 0 ? this.speed = v : console.log('error');
    },
    getSpeed: function(){
      console.log(this.speed);
    },
    acclerate: function(v){
      v >= 0 ? this.speed += v : console.log('error'); 
    },
    decelerate: function(v){
      v >= 0 ? this.speed -= v : console.log('error'); 
    },
    getStatus: function(){
      this.speed > 0 ? console.log('running'):console.log('stop');
    }
  }
}());

5.写一个函数使用setTimeout模拟setInterval的功能

function hello(){
  console.log('hello world!')
};
setInterval(hello,1000)
//setTimeout模拟setInterval
function mockSetInterval(){
  setTimeout(function(){
    setTimeout(arguments.callee,1000);
    hello();
  },1000)
}

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

老师这道题不太懂,可是不写又不太好,
所以摘录了王欢同学的解答作为任务作业,
希望可以上课时讲讲,(^-^)V
function getMini(){
  var start = Date.now();
  var i = 0;
  var miniTime = 0;
  function func(){
    i++;
    if(i === 1000){
      clearTimeout(clock);
      var end = Date.now();
      console.log((end-start)/i+'ms');
    }
    clock = setTimeout(arguments.callee,0)
  }
  
  var clock = setTimeout(func,0)
}
getMini();

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

var a = 1;
setTimeout(function(){
    a = 2;
    console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
1.初始变量a = 1,后面只声明不赋值变量a时,a的值将不变;
2.setTimeout()将在最后执行;
3.在执行上述代码的第2个console.log()时输出1;
4.执行第3个console.log()时a已经被赋值3,所以输出3;
5.最后回来执行setTimeout(),此时输出函数内部定义的变量a,输出值为2;

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

没有输出内容;
setTimeout(function(){flag = false;},0)表示将里面的function放到最后去执行;
所以上述代码可以写成:
var flag = true;
while(flag){}
console.log(flag);
setTimeout(function(){flag = false;},0)
因为flag一开始为true,所以会一直执行while循环,而不会执行下面的语句;

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

for(var i=0;i<5;i++){
    setTimeout(function(){
         console.log('delayer:' + i );
    }, 0);
    console.log(i);
}
上述代码执行顺序是:
先执行console.log(i),依次输出0,1,2,3,4
再执行5次延时函数,此时i = 5,所以依次输出5次delayer:5

for(var i=0;i<5;i++){
    setTimeout((function(arg){
      return function(){console.log('delayer:'+arg)}
    }(i)),0)
    console.log(i);
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.什么是闭包? 有什么作用? 闭包是指有权访问其他函数作用域中的变量的函数。 详细解释:就是在一个函数中,父函数...
    Sheldon_Yee阅读 1,158评论 2 2
  • 问题 一、什么是闭包? 有什么作用? 1.什么是闭包①JavaScript高级程序设计第三版定义闭包是指有权访问另...
    鸿鹄飞天阅读 476评论 0 0
  • Q&A 1. 什么是闭包? 有什么作用 闭包是指在 JavaScript 中,内部函数总是可以访问其所在的外部函数...
    进击的阿群阅读 505评论 0 1
  • 1.什么是闭包? 有什么作用 定义:闭包就是嵌套在函数里面的内部函数,并且该内部函数可以访问外部函数中声明的所有局...
    饥人谷区子铭阅读 984评论 0 2
  • 问题 一、什么是闭包? 有什么作用? 闭包闭包就是能够读取其他函数内部变量的函数。在javascript中,只有函...
    婷楼沐熙阅读 601评论 0 0