jQuery闭包学习笔记

定义这些就不说了,往下面看就理解了,有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>

单击按钮1,调用函数f,将生成3个闭包。当函数返回时,3个闭包函数都没有被注销,而变量a由于被闭包的引用而继续存在。如果单击按钮2~4,会由于系统中没有生成闭包结构,弹出编译错误。
这里写图片描述

[例2]

利用闭包存储变量所有的变化

你可能感兴趣的:(jquery)