关于引用

2019独角兽企业重金招聘Python工程师标准>>>

1、  <!DOCTYPE HTML>  <html>  <head>  <meta charset="utf-8" />  <title>闭包演示</title>  <style type="text/css">  p {background:gold;}  </style>

<!-- lang: html --><script>
<!-- lang: html -->function init(){
<!-- lang: html -->var list=document.getElementsByTagName("p");
<!-- lang: html --><!-- lang: html -->for (var i=0;i<list.length;i++){
<!-- lang: html --><!-- lang: html -->list[i].onclick=function(){
<!-- lang: html -->var b=i;
<!-- lang: html -->return function(){
<!-- lang: html -->alert(b);
<!-- lang: html -->};
<!-- lang: html -->}();
<!-- lang: html -->}
<!-- lang: html -->}
<!-- lang: html --><!-- lang: html --></script>
<!-- lang: html -->
</head>
<!-- lang: html -->
<body onload="init();">
<!-- lang: html -->
<p>产品 0</p>
<!-- lang: html -->
<p>产品 1</p>
<!-- lang: html -->
<p>产品 2</p>
<!-- lang: html -->
<p>产品 3</p>
<!-- lang: html -->
<p>产品 4</p>
<!-- lang: html -->
</body>
<!-- lang: html -->
</html>

之前是点击任何一条出现的都是5，下面这样写就会有些问题

<!-- lang: html -->
<!DOCTYPE HTML> 
<!-- lang: html -->
<html> 
<!-- lang: html -->
<head> 
<!-- lang: html -->
<meta charset="utf-8" /> 
<!-- lang: html -->
<title>闭包演示</title> 
<!-- lang: html -->
<style type="text/css"> 
<!-- lang: html -->p {background:gold;}  
<!-- lang: html -->
</style> 
<!-- lang: html -->
<script type="text/javascript">   
<!-- lang: html -->
function init() {      
<!-- lang: html -->var pAry = document.getElementsByTagName("p");      
<!-- lang: html -->for( var i=0; i<pAry.length; i++ ) {      
<!-- lang: html -->pAry[i].onclick = function() {      
<!-- lang: html -->alert(i);      
<!-- lang: html -->}   
<!-- lang: html -->}  
<!-- lang: html -->
}  
<!-- lang: html -->
</script>   
<!-- lang: html -->
</head>   
<!-- lang: html -->
<body onload="init();">   
<!-- lang: html -->
<p>产品 0</p>   
<!-- lang: html -->
<p>产品 1</p>   
<!-- lang: html -->
<p>产品 2</p>   
<!-- lang: html -->
<p>产品 3</p>   
<!-- lang: html -->
<p>产品 4</p>   
<!-- lang: html -->
</body>   
<!-- lang: html -->
</html>

所以一方面新建变量b，返回一个引用，另外也应该return一个函数，如果不用return，循环执行的时候就会覆盖前面的方法，最后得到的还是同一个引用。

转载于:https://my.oschina.net/u/933915/blog/309495

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/546141.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！