您的位置：首页 > Web前端 > JavaScript

javascript 闭包小结

2012-03-19 20:46 375 查看

<html>
<head>
<style>
.test {
width:100px;
height:100px;
border:red 1px solid;
}
</style>

</head>
<body>
<div class="test"></div>
<div class="test"></div>
<div class="test"></div>
</body>
</html>

<script type="text/javascript">
var k = document.getElementsByTagName("div");
var k = document.getElementsByTagName("div");
for(var i = 0; i < k.length; i++) {
(function(i){
k[i].onclick = function() {
alert(i);
}
})(i);
//makeSizer(12); makeSizer(size){return function(){}}
}
</script>

点击div 元素，会依次弹出 0，1，2

经过for循环，内存已经存在三个匿名函数的对象，k[i].onclick 的 i 用了 (function(i) 。。。)(i) 中传入的i, 即0，1，2。下边有详细的解释，对于局部变量在内存中的存在。

再贴出一段代码：

function f1(){
　　　　var n=999;
　　　　nAdd=function(){n+=1}
　　　　function f2(){
　　　　　　alert(n);
　　　　}
　　　　return f2;
　　}
　　var result=f1();
　　result(); // 999
　　nAdd();
　　result(); // 1000

在这段代码中，result实际上就是闭包f2函数。它一共运行了两次，第一次的值是999，第二次的值是1000。这证明了，函数f1中的局部变量n一直保存在内存中，并没有在f1调用后被自动清除。

为什么会这样呢？原因就在于f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依赖于f1，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。

这段代码中另一个值得注意的地方，就是"nAdd=function(){n+=1}"这一行，首先在nAdd前面没有使用var关键字，因此nAdd是一个全局变量，而不是局部变量。其次，nAdd的值是一个匿名函数（anonymous function），而这个匿名函数本身也是一个闭包，所以nAdd相当于是一个setter，可以在函数外部对函数内部的局部变量进行操作。

感谢：http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

如果非要指向object，可显式的控制--把代码的最后一句改为 alert(object.getName().call(object));函数内部定义的方法和变量，要等到函数执行过以后，才会真正定义,没加 var ,就是全局变量

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航