JavaScript 闭包

1. 什么是「闭包」？
2. 「闭包」的作用是什么？

var a = '变量'   // 在函数内部可以访问的local变量
function foo() {    // 一个函数
   console.log(a)
}

简言之， 有一个局部变量a，有一个函数foo，foo里面可以访问到a变量，这就是一个闭包：

函数+函数内部能访问到的变量（作用域）的总和，这就是一个闭包。

还有另外的一些概括：

闭包指有权访问另一个函数作用域中变量的函数  。 《JavaScript高级程序设计》

一个作用域可以访问另外一个函数内部的局部变量，包这些变量保持到内存中，延伸了变量的作用域。

像下面也是一个闭包：

function fn () {
    var num = 10;
    function fun() {
        console.log(num)
    }
    fun()
}
fn();

3.听说闭包是需要函数套函数，然后 return 一个函数的呀？

比如：

function foo(){
  var local = 1
  function bar(){
    local++
    return local
  }
  return bar
}

var func = foo()
func()

这里确实有闭包，local 变量和 bar 函数就组成了一个闭包，并且在函数外作用域可以访问函数的局部变量，延伸了变量的作用域。

4.local 变量和 bar 函数就组成了一个闭包？

因为如果不 return，你就无法使用这个闭包。把 return bar 改成 window.bar = bar 也是一样的，只要让外面可以访问到这个 bar 函数就行了。

所以 return bar 只是为了 bar 能被使用，也跟闭包无关。

闭包的作用：

闭包常常用来「间接访问一个变量」。换句话说，「隐藏一个变量」。

闭包面试题：

<ul>
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ul>
var list = document.querySelector('.nav').querySelectorAll('li');
//想要效果：点击li输出当前li的索引号

// 点击全部都是同一个索引号
for (var i = 0; i < list.length; i++) {
    list[i].onclick = function() {
        console.log(i)
    }
}

// 1.利用动态添加属性的方式
for (var i = 0; i < list.length; i++) {
    list[i].index = i;
    list[i].onclick = function() {
        console.log(this.index)
    }
}

// 2.利用闭包的方式得到当前小li,的索引
// 立即执行函数也成为一个小闭包，因为立即执行函数里面的任何一个函数都可以使用它的i这个变量
for (var i = 0; i < list.length; i++) {
    (function() {
        list[i].onclick = function() {
            console.log(i)
        }
    })(i)
}

// 3.使用es6块级作用域let申明
for (let i = 0; i < list.length; i++) {
    list[i].onclick = function() {
        console.log(i)
    }
}