闭包题目讲解2

封装Car对象

var car=(function(){
  var speed=0;
  function set(s){
    speed = s
  }
  function get(){
    return speed
  }
  function speedUp(){
    speed++
  }
  function speedDown(){
    speed--
  }
  return {
    set:set,
    get : get,
    speedUp:speedUp,
    speedDown:speedDown
    }
})()
car.set(30)       //是对象的用法,返回的应该是对象,对象的返回值需要用函数
car.get()
car.speedUp()
car.speedDown()
car.get()

效果如图:

不能直接对speed进行操作,封装在一个包里,用函数去操作这个变量,这个变量就是局部变量了,car是全局变量,得不到释放,所以返回的对象得不到释放,所以对象应用的方法得不到释放,方法得不到释放,speed得不到释放,生成闭包。

如何连续输出0,1,2,3,4

原代码:
for(var i=0;i<5;i++){
  setTimeout(function(){
    console.log('delayer:'+i)
  },0)
}
//"delayer:5"
"delayer:5"
"delayer:5"
"delayer:5"
"delayer:5"

setTimeout会把当前执行的加到任务队列里,for循环相当于设置了5个定时器,这时候i=5,再去执行。再说一次,for循环对于闭包,干扰更大,所以,实质上的影响不仅仅在于循环几次,最后要决定执行几次,还有这个i的值的影响。前面的闭包,尽量让i的赋值在函数内部的作用域,所以造了个闭包,并立即执行,i不需要引用for循环得到的i值。
如何利用呢?

for(var i=0;i<5;i++){
  (function(j){
    setTimeout(function(){
    console.log('delayer:'+j)
  },0)
 })(i)
}
//"delayer:0"     又是立即执行的函数,这次i的赋值遵从for循环的取值,这是什么情况呢?
//就是循环时先把函数的变量i赋值,但是延时执行,for循环依然正常循环,虽然函数执行时,i已经是5了。
"delayer:1"
"delayer:2"
"delayer:3"
"delayer:4"


for(var i=0;i<5;i++){
  (function(j){
    
      setTimeout(function(){
    console.log('delayer:'+j)
  },10000 - 1000*j)
 })(i)
}
//"delayer:4"
"delayer:3"
"delayer:2"
"delayer:1"
"delayer:0"
这里只是把定时器的顺序换了下,数字越大,延时越短,越靠前执行嘛。
for(var i=0;i<5;i++){
 setTimeout(function(j){
   return function(){
     console.log('delayer:'+j)
      }
  }(i),0)
} 
//"delayer:0"
"delayer:1"
"delayer:2"
"delayer:3"
"delayer:4"
定时器里的函数会立刻执行,跟上面的那个延时的不一样,上面的函数里有定时器啊,这个输出是立刻的。
执行过程中传递i,然后里面return的那个结果就是一个函数,setTimeout就能用这个函数,用的过程中,用到了j,中间加个临时变量存进去了,用到的时候,就从上一级去找,每当i赋值了,j=arguments[0]也拥有了值。
var makeCounter=function(){
  var count = 0
  return function(){
    return count++
  }
}
var counter = makeCounter()
var counter2=makeCounter()
console.log(counter())     //0
console.log(counter())//1
console.log(counter2())//0
console.log(counter2())//1
这里的意思,声明不一样的两个变量同时指向一个函数,通过作用后,两者得到了两个独立的作用域对象,互相不影响的。函数只是一种操作方法。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.什么是闭包? 有什么作用? 闭包是指有权访问其他函数作用域中的变量的函数。 详细解释:就是在一个函数中,父函数...
    Sheldon_Yee阅读 1,156评论 2 2
  • 闭包 定义「一个函数」+「访问到的外部变量」= 闭包 作用创建内部变量,既不能被外部随意修改,又可以通过指定的函数...
    jrg_memo阅读 524评论 0 0
  • 什么是闭包? 有什么作用闭包:函数对象可以通过作用域链相互关联,函数体内部的变量可以保存在函数的作用域内。 上述代...
    coolheadedY阅读 736评论 0 0
  • 清秋,藏一页梨花带雨的幽幽,放远城南旧事的一波三折,临水而坐,轻握心事里的篱笆墙,缓缓前行。忘却的旧书上,书写静寂...
    kenvin吴海浪阅读 382评论 0 3
  • 莫名的情愫啊 请问,谁能将它带走呢? 只有把岁月化成一首歌, 留在山河。。。。
    _夏末_阅读 368评论 3 3