jQuery闭包学习笔记

最新推荐文章于 2024-08-06 20:43:38 发布

英之才

最新推荐文章于 2024-08-06 20:43:38 发布

阅读量504

点赞数

分类专栏： Javascript jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/yingzhicai/article/details/51356421

版权

Javascript 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

jQuery

4 篇文章 0 订阅

订阅专栏

定义这些就不说了，往下面看就理解了，有demo

[例1]

使用闭包结构能够跟踪动态环境中数据的实时变化

<script type="text/javascript">

    function f() 
    {
    var a = 1 ;//定义局部变量a,初始值为1
    /*
      定义一个闭包，并赋值给局部变量
     */
    var b  = function ()
    {
        return a;   //返回函数参数x
    }
    a++; //动态更新函数内的局部变量a的值
    return b;
}
    var c =f(); //调用函数
    alert(c());  //返回值是2，而不是1


</script>

闭包不会因为外部函数环境的注销而消失，并始终存在

<!DOCTYPE html>
<html lang="en">
<head>
    <title>标准DOM示例</title>
    <meta charset="utf-8"/>
</head>
<body>
<button onclick="f()">
     按钮1
</button>
<button onclick="b()">
    按钮2
</button>
<button onclick="c()">
    按钮3
</button>
<button onclick="d(100)">
    按钮4
</button>
</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

function f() //定义普通函数f(),包含多个闭包的外部环境
{

    var a = 1 ;        //定义函数内局部变量
    b = function () {  //闭包b
        alert(a);      //寄存函数内局部变量a的值，并进行提示
    }
    c = function () {  //闭包c
        a++;           //递增并寄存函数内局部变量a的值
        alert(a);
    }
    d = function (x) {  //闭包d
        a=x;           //传递并寄存函数内局部变量a的值
        alert(a);
    }
}
</script>
</html>