闭包就是在一个函数中定义一个新的函数,需要注意的有以下几点:
1.闭包可以访问外部函数的变量和函数,而且,对于变量来说,访问的是变量的引用,所以永远是变量的最后以一个值,例子如下:
<script type="text/javascript">
function init() {
var pAry = document.getElementsByTagName("p");
for( var i=0; i<pAry.length; i++ ) {
pAry[i].onclick = function() {
alert(i);
}
}
}
</script>
</head>
<body οnlοad="init();">
<p>产品 0</p>
<p>产品 1</p>
<p>产品 2</p>
<p>产品 3</p>
<p>产品 4</p>
</body>
看着好像是每次点击p会alert每行的索引,no,因为闭包永远访问的外部函数活动对象的引用得到的是最后一个值,所以呢,答案就是每次点击都alert 5,即i的最后一个值,如何修改呢:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>闭包演示</title>
<style type="text/css">
p {background:gold;}
</style>
<script type="text/javascript">
function init() {
var pAry = document.getElementsByTagName("p");
for( var i=0; i<pAry.length; i++ ) {
pAry[i].onclick = function(num) {
return function(){alert(num)};
}(i);
}
}
</script>
</head>
<body οnlοad="init();">
<p>产品 0</p>
<p>产品 1</p>
<p>产品 2</p>
<p>产品 3</p>
<p>产品 4</p>
</body>
</html>
2.闭包中的this是全局作用域的,例子如下:
<script type="text/javascript">
var color = "blue";
var obj = {
color:"red",
showColor:function(){
return function(){
alert(this.color);
}
}
};
obj.showColor()();
</script>
答案是:blue,因为这里面的this是全局的,也就是指向window的,如何修改的呢?
var obj = {
color:"red",
showColor:function(){
var t = this;
return function(){
alert(t.color);
}
}
};答案就是red啦!
3.利用闭包我们可以通过返回一个方法或者变量啥的返回外部函数的方法或者变量,这不就是你虽然在函数内部,在外面我仍然可以访问你吗