js闭包

最新推荐文章于 2025-11-01 01:14:35 发布

原创最新推荐文章于 2025-11-01 01:14:35 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#XHTML #HTML

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文详细解释了JavaScript中的闭包概念，通过实例演示了如何使用闭包来保持对外层函数变量的引用，即使该函数已经执行完毕。此外，还讨论了变量声明的区别及其对作用域的影响。

看看什么是闭包：
闭包时是指内层的函数可以引用存在与包围他的函数内的变量，即使外层的函数的执行已经终止。

这个例子中我们可以这样做：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<html xmlns="http://www.w3.org/1999/xhtml" >   
<head>   
    <title>Untitled Page</title>   
</head>   
<body>   
<ul id="list">   
<li>第1条记录</li>   
<li>第2条记录</li>   
<li>第3条记录</li>   
<li>第4条记录</li>   
<li>第5条记录</li>   
<li>第6条记录</li>   
</ul>   
<script type="text/javascript">   
    function tt(nob) {    
        this.clickFunc = function() {    
        alert("这是第" + (nob + 1) + "记录");    
        }    
    }    
    var list_obj = document.getElementById("list").getElementsByTagName("li"); //获取list下面的所有li的对象数组    
    for (var i = 0; i <= list_obj.length; i++) {    
        list_obj[i].onmousemove = function() {    
            this.style.backgroundColor = "#cdcdcd";    
        }    
        list_obj[i].onmouseout = function() {    
            this.style.backgroundColor = "#000000";    
        }    
        var col = new tt(i);    
        list_obj[i].onclick = col.clickFunc;    
    }    
</script>
</body>   
</html>

function outerFun()   
{   
    var a=0;   
    function innerFun()   
    {   
        a++;   
        alert(a);   
    }   
    return innerFun;  //注意这里   
}   
var obj=outerFun();   
obj();  //结果为1   
obj();  //结果为2   
var obj2=outerFun();   
obj2();  //结果为1   
obj2();  //结果为2

[quote]什么是闭包:

当内部函数在定义它的作用域的外部被引用时,就创建了该内部函数的闭包 ,如果内部函数引用了位于外部函数的变量,当外部函数调用完毕后,这些变量在内存不会被释放,因为闭包需要它们.[/quote]

[quote]JS变量可以用var声明，也可以不用声明，区别就是如果在函数内部不用var声明的变量是全局变量，所以最后一个例子就很好理解了，这是js最最基础的问题。[/quote]