10019---JavaScript--闭包
来源:互联网 发布:ug nx for mac 编辑:程序博客网 时间:2024/06/10 09:56
私有变量可以用到闭包。
全局变量
函数可以访问由函数内部定义的变量,也可以访问函数外部定义的变量。
在web页面中全局变量属于 window 对象。
全局变量可应用于页面上的所有脚本。
全局和局部变量即便名称相同,它们也是两个不同的变量。修改其中一个,不会影响另一个的值。
【注】变量声明是如果不使用 var 关键字,那么它就是一个全局变量,即便它在函数内定义。
JavaScript 内嵌函数
所有函数都能访问全局变量。
实际上,在 JavaScript 中,所有函数都能访问它们上一层的作用域。
JavaScript 支持嵌套函数。嵌套函数可以访问上一层的函数变量。
该实例中,内嵌函数 plus() 可以访问父函数的 counter 变量:
<script>document.getElementById("demo").innerHTML = add();function add() {var counter = 0; function plus() {counter += 1;} plus(); return counter; }</script>
如果我们能在外部访问 plus() 函数,这样就能解决计数器的困境。
我们同样需要确保 counter = 0 只执行一次。
我们需要闭包。
JavaScript 闭包
还记得函数自我调用吗?该函数会做什么?
var add = (function () { var counter = 0; return function () {return counter += 1;}})();add(); add(); add(); // 计数器为3
另:
<body><p>局部变量计数。</p><button type="button" onclick="myFunction()">计数!</button><p id="demo">0</p><script>var add = (function () { var counter = 0; return function () {return counter += 1;}})();function myFunction(){ document.getElementById("demo").innerHTML = add();}</script></body>
实例解析
变量 add 指定了函数自我调用的返回字值。
自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。
add变量可以作为一个函数使用。非常棒的部分是它可以访问函数上一层作用域的计数器。
这个叫作 JavaScript 闭包。它使得函数拥有私有变量变成可能。
计数器受匿名函数的作用域保护,只能通过 add 方法修改。
0 0
- 10019---JavaScript--闭包
- 【JavaScript】Javascript闭包
- javascript的闭包javascript
- Javascript闭包演示javascript
- [ javascript ] javascript闭包测试!
- 【javascript】javascript中的闭包
- 【javascript】学习Javascript闭包
- 理解 JavaScript 闭包
- javascript 闭包
- javascript闭包
- Javascript闭包
- JavaScript中的"闭包"
- JavaScript 闭包
- javascript中的闭包
- 理解 JavaScript 闭包
- Javascript Closures[闭包]
- javascript闭包
- Javascript 闭包详解
- exit()
- 在Spring中配置aspectj模式
- 【题解】SWJTU2015.12校队选拔题解
- c++_10: 异常处理
- 解决MFC打包软件安装在win8 win10 C盘无法更改配置文件的问题
- 10019---JavaScript--闭包
- 安卓动画
- 经验之谈—KVC(forKey,forKeyPath)
- VS2010 MFC windows API 串口编程(一)
- C语言总结
- 求两个数的最小公约数和最小公倍数
- 表单Form提交数据和PHP数据处理
- js-----BOM/window对象
- 【NodeJs】NodeJs中base16转码