首页 > 闭包问题?

闭包问题?

function bibao(i){
    return function(e){
        deleteS(i);
    }
}


for(var i=0;i<freshdreamdata.length;i++){        
    document.write("<li><a href='javascript:location.reload()' onmousedown='bibao(i)'>" + freshdreamdata[i] + "</a></li>");
}

貌似闭包写的方法不对,一直不显示deleteS效果

有人说不是闭包问题?如果不用闭包,直接onmousedown='deleteS(i)'则不显示任何效果
如在for里加上_i=this.i,则只出最后一个i的数值。
还有人说要写成bibao('+i+'),汗我不懂为什么要那么写,总之好像还是没有效果


function bibao(i){
    return function(e){
        alert(i);
    }
}


for(var i=0;i<10;i++){        
    document.write("<li><a href='javascript:bibao(" + i + ")()'>" + i + "</a></li>");
}

楼主的代码里有很多我看不懂的地方,我据姑且的认为楼主想要实现这么一个效果:

有个存储数据的数组freshdreamdata,生成一个列表,列表里的内容与freshdreamdata一一对应。当用户点击列表里的项目时就调用deleteS并将项目的号码传递给它。

一开始楼主肯定会这样写

for(var i=0;i<freshdreamdata.length;i++){        
    document.write("<li>"+
            "<a href='javascript:location.reload()' onmousedown='deleteS(i)'>"+
            freshdreamdata[i]+
            "</a>"+
        "</li>");
}

生成的html大概是这样


<li><a href='javascript:location.reload()' onmousedown='deleteS(i)'>XXX-0</a></li> <li><a href='javascript:location.reload()' onmousedown='deleteS(i)'>XXX-1</a></li> <li><a href='javascript:location.reload()' onmousedown='deleteS(i)'>XXX-2</a></li>

当楼主点击这些可爱的链接的时候,就发现没有用。这是为什么呢?因为html解析器不知道'deleteS(i)'其中的i表示什么意思。楼主应该这样写才对:

for(var i=0;i<freshdreamdata.length;i++){        
    document.write("<li>"+
            "<a href='javascript:location.reload()' onmousedown='deleteS("+i+")'>"+
            freshdreamdata[i]+
            "</a>"+
        "</li>");
}
<li><a href='javascript:location.reload()' onmousedown='deleteS(0)'>XXX-0</a></li>
<li><a href='javascript:location.reload()' onmousedown='deleteS(1)'>XXX-1</a></li>
<li><a href='javascript:location.reload()' onmousedown='deleteS(2)'>XXX-2</a></li>

以上内容均不涉及闭包。如果楼主你想要闭包的话。。也可以。我们就用创建DOM的方法来实现这个功能。

var list=document.createElement('ul');
for(var i=0;i<freshdreamdata.length;i++){
    var li=document.createElement('li');
    var link=document.createElement('a');

    link.onclick=function(){
        deleteS(i)
    }
    link.innerText=freshdreamdata[i];

    li.appendChild(link);
    list.appendChild(li);
}
document.appendChild(list);

很多新手都会这样写,看上去好像没什么问题,但当实际操作的时候就会发现传入deleteS里的i值总是一个定值,不管点击哪个链接,删除的都是最后一个。

这个时候就需要闭包了。

function bibao(i){
    return function(){
        deleteS(i);
    }
}

var list=document.createElement('ul');
for(var i=0;i<freshdreamdata.length;i++){
    var li=document.createElement('li');
    var link=document.createElement('a');

    link.onclick=bibao(i);
    link.innerText=freshdreamdata[i];

    li.appendChild(link);
    list.appendChild(li);
}

目测楼主基本功不够扎实,上面我就先告诉个结果,其中道理自己细细品味。

【热门文章】
【热门文章】