一、閉包的定義：閉包說白了就是函式的巢狀，內層的函式可以使用外層函式的所有變數，即使外層函式已經執行完畢（這點涉及JavaScript作用域鏈）。

二、閉包的練習程式碼

1、首先（保證頁面引入了jQuery）建立

window.document.body.innerHTML="<p>開始練習document物件</p>"

2、js建立ul和li標籤，並且新增ul標籤在body裡面

var UL1=jQuery("<ul>,{name:'ul1'}");
UL1.appendTo(window.document.body);
var Li1=jQuery("<li>",{value:'01',text:'01li'});
var Li2=jQuery("<li>",{value:'02',text:'02li'});
var Li3=jQuery("<li>",{value:'03',text:'03li'});
 

Li1.appendTo(document.body.getElementsByTagName("ul"));
Li2.appendTo(document.body.getElementsByTagName("ul"));								                   			  Li3.appendTo(document.body.getElementsByTagName("ul"));

3、若執行下面的程式碼：

var Lis = document.getElementsByTagName("li");//找到Li標籤
function showAllLi(){for(var i = 0 ; i <Lis.length ; i++)
{
Lis[i].onclick = function(){console.log(i,$(Lis[i]).text())}
}}
 

VM30474:3 ""

（運用立即函式，不帶返回值的情況）：

for(var i = 0 ; i <Lis.length ; i++)
{
Lis[i].onclick = (function(i){ console.log($(Lis[i]).text()) })(i)
}

但是，值得注意的是：<li>標籤在chrome瀏覽器中，立即執行函式卻並未繫結到click事件；

解決辦法一（Reference1）：

for(var i = 0 ; i <Lis.length ; i++){
(function(i){
 Lis[i].onclick = function(){
return function(){
console.log($(Lis[i]).text())
}
}
})(i)
}

解決辦法二：

for(var i = 0 ; i <Lis.length ; i++)
{
Lis[i].onclick = function(){ console.log($(this).text()) }
}

Reference:

1、http://www.360doc.com/content/15/0615/09/10504424_478206402.shtml