Javascript Closure

1. Closure

2. Some example
for(var i = 0; i < 10; i ++) {
setTimeout(function() {
console.log(i);
}, 1000);
}
Example

3. Why?

4. Why?
Javascript允許你參考(refer to)定義在目前function外的變
數。
對參數複本(a copy to parameter)沒有存取權，而是對參數
本身有存取權。都是因為函式能取用建造它本身的背景
情境，才有這種可能。這種狀況稱為 closure（閉包）。
from: http://ithelp.ithome.com.tw/question/10130860

5. I think is...
執行時沒有variable i可以使用。
為了讓Function可以順利執行，因此提供外部變數的參考。

6. Closures實際上儲存的是對那些外層變
數的參考(references)。
from: http://ithelp.ithome.com.tw/question/10130860

7. Example

8. How to solve?

9. How to solve?
Function執行時有變數可以參照
Example:
1. Example
2. Example have debugger

10. An useful example

12. Thanks for listening