for循环闭包的应用

for循环闭包的应用

var a=[],b=[],c=[],d=[]
for(var i=0;i<10;i++){
    a[i]=function(){// 上级作用域是全局作用域，i是全局作用域中的i，循环结束不形成私有作用域
        console.log(i)
    };
    b[i]=(function(){ // 上级作用域是私有作用域，i是全局作用域中的i。循环结束形成多个私有作用域
        return function(){console.log(i)}
    })();
    c[i]=(function(c_i){ // 上级作用域是私有作用域中，i是私有作用域中的i。循环结束形成多个私有作用域
        // 用形参保留全局作用域当次循环中的i的值
        return function(){console.log(c_i)}
    })(i);
}
for(let i=0;i<10;i++){ // 上级作用域块儿级作用域，i是块儿级作用域中的i。循环结束形成多个块儿级作用域
    d[i]=function(){
        console.log(i)
    };
}
console.log(a[1](),b[1](),c[1](),d[1]()) // 10 10 1 1

1. 语句执行时，赋值运算符的右侧是一个值，字符串类型的值（函数字符串）
2. 函数执行的时候，变量i从本级作用域查找，如果本级没有定义，则到上级作用域查找，如果找到，便不在向上查找，该值即为变量i的值（如果变量i只定义了没赋值，值为undefined），如果没有找到接着向上查找，直到全局作用域，没有则为undefined
3. 数组a和b的情况相同点是，i是全局作用域中的i，由于此时循环结束，i的值是10 ，所以输出的是10
4. 数组a和b的情况不同点是，a的上级作用域是全局作用域，b的上级作用域是私有作用域
5. 上级作用域就是函数定义时候的作用域，与在哪里执行没有关系
6. 匿名自执行函数通过传参的方式得到本次循环的i的值
7. 由于函数return一个引用类型的数据被外部变量（数组成员）接收，因而不被销毁，for循环的每次都形成一个不销毁的私有作用域，循环结束后这些私有作用域都存在，除非手动销毁或者关闭页面
8. 块儿级作用域和函数私有作用域具有同等特性