闭包

什么是闭包?

  • 可以访问函数内部变量的函数
//首先我们要明白这段代码
//外面的a是跟函数作用域里边的a是不同的
//num(a)只是把外面的a的值赋值给函数里面的a
//函数里面声明的东西跟外面的一点关系都没有。

var a=99
function num(a){
    ++a
    console.log(a)
}
num(a)//100
console.log(a)//99
var arr=[];
    for(var i=0;i<2;i++){
        arr[i]=function(){
            console.log(i)
        }
    }
arr[1]()//都是会打印出2
arr[0]()//2

//首先明白function()里面的东西是什么时候会执行。
//实在函数被调用的时候才会执行,上面代码在函数执行的时候,已经遍历完毕,i==5,所以,每次打印的都是5

改装下

var arr=[];
for(var i=0;i<2;i++){
    function num(i){
        arr[i]=function(){
            console.log(i)
        }
    }
    num(i)
}
arr[0]()//0
arr[1]()//1

上面的代码可以拆分为
当i=0的时候:
function num(i){
        //i=0 写在形参的I其实就是在函数内部声明了一个变量==var i
        arr[0]=function(){
        console.log(0) //我获取的是函数里面的i
    }
}
num(0)
//参考例子1,我们是吧遍历的i的值赋给了函数里面的i,
//那么我们外面的调用arr[0]()的时候,
自然里面的就会按照函数的作用域,
上去找i打印,
找到的是num函数里面的i,
所以就打印出0;


如此类推
当i=1时:
function num(i){
        //i=0 写在形参的I其实就是在函数内部声明了一个变量==var i
        arr[1]=function(){
        console.log(1) //我获取的是函数里面的i
    }
}
num(1)

最后可以改为:
    var arr=[];
    for(var i=0;i<2;i++){
        !function (i){
            arr[i]=function(){
                console.log(i)
            }
        }(i)
    }
    arr[0]()
    arr[1]()

第二种方法

var arr=[];
    for(var i=0;i<2;i++){
        arr[i]=function(i){
            return function (){
                console.log(i)
            }
        }(i)
    }
    arr[0]()//0
    arr[1]()//1

//拆一下 也可以写为:
var arr=[];
    for(var i=0;i<2;i++){
        arr[i]=fn(i)
        function fn(i){
            return function (){
                console.log(i)
            }
        }
    }
    arr[0]()//0
    arr[1]()//1

闭包说明很多道理,更重要的是理解好函数的作用域问题。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大...
    HetfieldJoe阅读 5,737评论 16 88
  • 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量...
    zock阅读 1,133评论 2 6
  • 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量...
    zouCode阅读 1,376评论 0 13
  • 特别说明,为便于查阅,文章转自https://github.com/getify/You-Dont-Know-JS...
    杀破狼real阅读 576评论 0 0
  • 闭包: 官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该...
    小裁缝sun阅读 742评论 0 5

友情链接更多精彩内容