关于引用
2019獨角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>
1、 <!-- 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 -->
<!-- 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>產(chǎn)品 0</p> <!-- lang: html --> <p>產(chǎn)品 1</p> <!-- lang: html --> <p>產(chǎn)品 2</p> <!-- lang: html --> <p>產(chǎn)品 3</p> <!-- lang: html --> <p>產(chǎn)品 4</p> <!-- lang: html --> </body> <!-- lang: html --> </html>之前是點擊任何一條出現(xiàn)的都是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>產(chǎn)品 0</p> <!-- lang: html --> <p>產(chǎn)品 1</p> <!-- lang: html --> <p>產(chǎn)品 2</p> <!-- lang: html --> <p>產(chǎn)品 3</p> <!-- lang: html --> <p>產(chǎn)品 4</p> <!-- lang: html --> </body> <!-- lang: html --> </html>所以一方面新建變量b，返回一個引用，另外也應(yīng)該return一個函數(shù)，如果不用return，循環(huán)執(zhí)行的時候就會覆蓋前面的方法，最后得到的還是同一個引用。
轉(zhuǎn)載于:https://my.oschina.net/u/933915/blog/309495
總結(jié)
- 上一篇： 全球六大国际域名解析量统计报告（6月25
- 下一篇： Linux 小知识翻译 - 「Linux