之前寫了 Scope ，現在可以寫寫下一個環節，說是 Closures 。
Closures 是一把雙刃劍，用得好可以增進功力，寫出簡潔實用的代碼；但用得不好就只好落得失敗收場。
function add (x) { return function (y) { return x + y; }; } var add5 = add(5); var no8 = add5(3); alert(no8); // Returns 8
這就係一個最基本的 Closures 結構，外面 function 指向其內部function 的 variable 形成 Closures。
當 add(5) 被 call 時，佢會帶有一個 parameter(5) 和 return 一個 function，如下 :
function add5 (y) { return 5 + y; }
如此，這個數值 (5) 和代碼 (function) 就會一起被記載在 call 佢的 var add5 裡面，然後add5(3) 就會載入數值 (3) 到上述的 function 裡，如下 :
function add5 (3) { return 5 + 3; }
The infamous loop problem
下面有一堆代碼，最終目標係想做出能對應返相對數值黎叫出 alert 的 link。如link1 - alert 1，但代碼好像有點問題，如下 :
function addLinks () { for (var i=0, link; i<5; i++) { link = document.createElement("a"); link.innerHTML = "Link " + i; link.onclick = function () { alert(i); }; document.body.appendChild(link); } } window.onload = addLinks;
如果大家試下 run 段代碼，會發現所有alert都顯示了5，原因係我地用的 click function，根本無記住所需要的 i 數值，我地每次按 link 都只會得出 :
每一個 alert 裡面其實只引用返 global 的 i ，數量係完成 looping 後的數值5。
要解決 lee 個問題，我地要在 for loop 裡面，將當前的 i 值如link1的(1) 記載到click funcion 入面，做成各個 local variables ，如下 :
link.onclick = function (num) { return function () { alert(num); }; }(i);
這個做法和文章的首段代碼相似，一樣是把數值和 function 記入一個地方，形成獨立的處理環境。這樣就可以把要用的數值拿到 local variables 和global variables分開。
function addLinks () { for (var i=0, link; i<5; i++) { link = document.createElement("a"); link.innerHTML = "Link " + i; link.onclick = function (num) { return function () { alert(num); }; }(i); document.body.appendChild(link); } } window.onload = addLinks;
(function () { var dog = "German Shepherd"; alert(dog); })(); alert(dog); // Returns undefined
這個代碼又是一個 Closures，dog 只能在內部 function 存取，其他呀豬呀象都不能動它一毛！
利害嗎？還不夠利害，yahoo 團隊利用了這個特性，做出了一組模式，優化左 Closures 的實用性。
Yahoo JavaScript Module Pattern
這堆代碼就利用了 Self-invoking functions 造出 Closures，然後加上一些 method，把裡頭的variable加以利用，如下 :
var person = function () { // Private var name = "Robert"; return { getName : function () { return name; }, setName : function (newName) { name = newName; } }; }(); alert(person.name); // Undefined alert(person.getName()); // "Robert" person.setName("Robert Nyman"); alert(person.getName()); // "Robert Nyman"
有左 lee 個模型，我地可以用 getName() 去拿裡面的 Name 值；或者用 setName() 去改變裡面的 Name 值。
dededos
gummygunk
jacobvanloon
titsay
germansingergirl