javascript-匿名函数、闭包常见问题(2).

★★★★来看一个经典的例子

//想实现的是 arr[0]=0,arr[1]=1,arr[2]=2...arr[4]=4
        function box()
        {
            var arr=[];
            
            for(var i=0; i<5; i++)
            {
                arr[i]=function()
                {
                    return i;
                };
            }
            
            //循环已经执行完毕, i最终是4++  =>5 , 那么最终是5
            //那么你再从里面调用 每个匿名函数的i 那必然是5
            return arr;                //★这里很重要 我们返回出的是 已经循环结束的i
        }
        
        var b =box();
        
        for(var i=0; i<5; i++)
        {
            alert(b[i]());                    //=>5,5,5,5,5
        }

★修改1

function box()
    {
        var arr = [];
        for(var i=0; i<5; i++)
        {
            arr[i]=(function(num)      //通过自我及时 执行匿名函数
            {
                return num;
            })(i);
        }
        return arr;
    }
    
    var b=box();
    for(var i=0; i<5; i++)
    {
        alert(b[i]);　　　　　　　　　　//这里的是b[i]
    }

★修改2

function box()
    {
        var arr = [];
        for(var i=0; i<5; i++)
        {
            arr[i]=(function(num)      
            {
                //num其实在这里
                return function()    
                {                                    
                    return num;                //因为闭包可以将变量驻留在内存中,和上面的累加是一样的
                }
            })(i);
        }
        //已经执行完毕了,num为什么可以0,1,2,3,4
        return arr;
    }
    
    var b=box();
    //console.log(b);
    for(var i=0; i<5; i++)
    {
        alert(b[i]());
    }

看一个小技巧

var b=function()
        {
            alert('Lee');
        }(i)
    
    //所以改2的循环是可以改成 如下
    arr[i]=function(num)      
        {
            return function()    
            {                                    
                return num;                
            }
        }(i);

//犀牛看到的一种写法，问了一下应该是 代码规范相关文档
    //http://suqing.iteye.com/blog/1981591
    //https://github.com/linlincat/Development
        
    var uniq = (function(counter){
        
        return function(){return counter++;};
    }(0));

★★闭包中的this

var box= {
            getThis:function()
            {
                return function()
                {
                    return this;
                }
            }
        }     
        //如果this在全局范围就是window,如果在对象内部就指向这个对象,而闭包却在运行时指向window的,因为闭包并不属于这个都属性或方法
        //因为闭包在运行的时候 是驻留在内存中的 就是模拟了全局 所以指向了window.
        alert(box.getThis()());  //=> window

this 指向 要看运行时上下文.而闭包却是在运行时指向Window的，因为闭包并不属于这个对象的属性和方法

var user ='The Window';
        var box={
            user:'The Box',
            getUser:function()
            {
                //这里的作用域的this是box
                return function()
                {
                    //这里作用域的this是window
                    return this.user;
                }
            }
        }
         
        //alert(box.getUser()()); //=>The Window
        //对象冒充  
        alert(box.getUser().call(box)); //The Box

var user ='The Window';
        var box={
            user:'The Box',
            getUser:function()
            {
                var that=this;
                return function()
                {
                    return that.user;
                }
            }
        }
         
        alert(box.getUser()());  //The Box

关于闭包内存泄露的问题[只针对IE浏览器]

function box()
        {
            var oDiv =document.getElementById('oDiv');
            var text =oDiv.innerHTML;
            oDiv.onclick=function()
            {
                alert(text);                           //引用的只是oDiv.innerHTML的值
            };
            
            oDiv=null;                                //解除引用，等待回收 
            alert(oDiv);
        }
        box();