闭包&定时器-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);
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,163评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,301评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,089评论 0 352
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,093评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,110评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,079评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,005评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,840评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,278评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,497评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,667评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,394评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,980评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,628评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,649评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,548评论 2 352

推荐阅读更多精彩内容

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