直接进入主题，闭包是什么？

• 闭包是写代码历程发生的一种天然效果，而不是一种观点。
• 比拟于一些观点性的诠释，更主要的是熟习它的运用场景、及罕见写法。
• 假如非要用一句话定义闭包：
  我越发认同《你不知道的javaScript》作者的一句话：当函数能够记着并接见地点的词法作用域时，就发生了闭包。

所以本文将会从闭包的运用场景入手，来印证kyle simpson的这句话。

枚举两个罕见运用场景

1. 场景一：封装函数的私有属性和要领

   //local变量是foo函数的私有属性，只能经由过程bar函数来接见。
   function foo() {
     const local = 1
     function bar() {
       return local
     }
     return bar
   }
   let bar = foo()
   console.log(bar()) // 1

   bar函数记着了foo函数的词法作用域，致使foo函数运转完后并不会被渣滓接纳，我们能够经由过程bar函数恣意地接见foo函数的作用域。

2. 场景二：给10个li增加点击事宜

   // 毛病写法：
   function bindEvent() {
     var li = document.querySelectorAll('li')
     for(var i = 0; i < 10; i++) {
       li[i].addEventListener('click', function bar(){
         console.log(i)
       })
     }
   }
   bindEvent() //不管点击哪一个li，都邑打印出10

   毛病的缘由很明显，10个bar函数中的i接见的都是同一个i，这个i属于foo函数。

   // 准确写法:
   function bindEvent() {
     var li = document.querySelectorAll('li')
     for(var i = 0; i < 10; i++) {
       li[i].addEventListener('click', (function foo(j){
         return bar() {
           console.log(j)
         }
       }))(i)
     }
   }
   bindEvent()

   bar函数记着了foo函数的词法作用域,foo函数为每一个bar函数选好了属于它本身的i，等着bar去接见就好啦。

总结：

闭包的运用场景另有许多，能够说是随处可见了。
明白它的中心头脑：函数能够记着并接见地点的词法作用域，才能够依据你本身的志愿来辨认、拥抱和影响闭包的头脑环境。