js 闭包

闭包基本形态：

function a() {
	function b() {
		var bb = "BB";
		console.log(aa);
	}
	var aa = "AA";
	return b;
}
var glob = a();
glob();

多层：

function a() {
	function b() {
		function c() {
			function d() {
				var dd = "DD";
				console.log(cc);
				console.log(bb);
				console.log(aa);
			}
			var cc = "CC";
			return d;
		}
		var bb = "BB";
		return c();
	}
	var aa = "AA";
	return b();
}
var glob = a();
glob();

---

应用：不依赖外部变量实现累加/累减器。

function bibao() {
	var count = 0;
	function add() {
		count ++;
		console.log(count);
	}
	function minus() {
		count --;
		console.log(count);
	}
	function log() {
		console.log(count);
	}
	return {
		add: add,
		minus: minus,
		log: log
	}
}
var my = bibao();
my.log();

---

题目：要求：执行闭包函数10次，打印0~9

闭包错误：结果得到十个10。
原因是比如arr[3] = function () {console.log(i)} 中的函数没被执行赋给了arr[3]，
此时函数体里的变量 i 还没变现成具体的数。
等到myArr【j】()执行的时候 i 才会访问[[scope]]链，
而此时每个数组访问的是：test函数里的循环完成后已经变成了10的 i。

function test() {
	var arr = [];
	for(var i = 0; i < 10; i ++) {
		arr[i] = function () {
			console.log(i);	//这个变量i会在下面执行的时候才变现成具体的数。
		}	// 例如：arr[3] = function () {console.log(i)}
	}
	return arr; // arr[0] ~ arr[9]，其值均为 "function () {console.log(i)}"
}
var myArr = test();	// myArr[0] ~ myArr[9]
for(var j = 0; j < 10; j++) {
	myArr[j]();	// arr[3] = function () {console.log(10)}

如果用立即执行函数：【格式：(function (形参) {函数体} (实参))】

function test() {						//外
	var arr = [];
	for(var i = 0; i < 10; i ++) {
		(function (k) {					//中
			arr[k] = function () {		//内
				console.log(k);
			}
		}(i));	// 例如：arr[3] = function () {console.log(k)}
	}
	return arr; // arr[0] ~ arr[9]，其值均为 "function () {console.log(k)}"
}
var myArr = test();	// myArr[0] ~ myArr[9]
for(var j = 0; j < 10; j++) {
	myArr[j](); // arr[3] = function () {console.log(3)}
}

因为 arr[3] = function () {console.log(k)} ，也是跟第1个做法一样还没变现，
这个k要依次在scope链中 [0]AO(内) -> [1]AO(中) -> [2]AO(外) ->[3]GO 的顺序查找k变量，
而k变量会在"立即执行函数的AO(中)"里被找到，
因为会读到函数体会立即执行，其(k)值会在读传递参数( i -> k )的时候变现。
结果：正确输出0~9。