js闭包（一）

1、闭包来源

由于javascript语言特有的“链式作用域”结构，子对象会一级一级向上寻找父对象的变量。

2、闭包的理解

闭包就是能够读取其它函数内部变量的函数，因为函数内的子函数才能读取父函数的局部变量，因此可以把闭包理解成“定义在一个函数内部的函数”（通常我们所见的是父函数内部的子函数访问了父函数的变量，并且子函数被返回到父函数作用域之外）

3、用闭包解决点击li弹出对应的index

image.png

对于上述方式输出i将会是 2，2， 2，因为js使用采用var定义变量时不存在块级作用域的概念，同时onclick事件采用的是回调方式触发，当触发onclick事件时i已经全为2。下面我们采用闭包方式解决

image.png

1.第一种采用定义闭包函数a()；console.log(i)中的i是引用了是外部的变量i，使得变量i被保存住，点击会弹出0,1,2
2.同理定义的自执行函数也是保留了对i的引用，使其保存在内存中。

注： 同时提供以下三种方式解决此类依次弹出序号问题

image.png