关于闭包面试题求解答解决办法
日期：2014-05-16 浏览次数：20318 次
关于闭包面试题求解答
<!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() {
alert(i);
}
}
}
</script>
</head>
<body onload="init();">
<p>产品 0</p>
<p>产品 1</p>
<p>产品 2</p>
<p>产品 3</p>
<p>产品 4</p>
</body>
</html>
希望点对应的p显示对应的号，
当前都是显示都是5 求解决方法
------解决方案--------------------
请看下面一段代码，更容易理解
<!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() {
alert(i);
}
}
}
</script>
</head>
<body onload="init();">
<p>产品 0</p>
<p>产品 1</p>
<p>产品 2</p>
<p>产品 3</p>
<p>产品 4</p>
</body>
</html>
希望点对应的p显示对应的号，
当前都是显示都是5 求解决方法
------解决方案--------------------
请看下面一段代码，更容易理解
function init() {
var pAry = document.getElementsByTagName("p");
var delegate = function(x){
return function(){alert(x)}
}
for( var i=0; i<pAry.length; i++ ) {
pAry[i].onclick = delegate(i)
}
pAry = delegate = null
//把delegate 和 for连到一起就是上面的代码，建议使用这种方式，上面的代码有循环引用的嫌疑
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
