var flag = false;   //調試開關
// env 既是所謂的環境
// 而inner就是所謂的表達式, name即是所謂的自由變量
function env()  //整個env可以看作是一個closure
{
var name = "zhutao";
function inner()
{
return name + " is a student.";
}
return inner;   //返回的是一個內部函數
}//closure結束
flag = true;
if (flag)
{
// 此處是最神奇的地方, 代碼執行在此處, inner函數其實已經出了env的body,
// 而仍然能夠被引用, 這就是所謂形成了一個 closure
var inner_func_ref = env(); // 這時候inner_func_ref引用的就是inner()函數對象
alert(inner_func_ref());   // zhutao is a student.
}

// 關于context的例子
flag = true;
var tmpobj = {
name : "zhutao",
func : function(){
return "call by func " + this.name;
}
};
if (flag)
{
// 代碼執行在此處時context還是global
alert(tmpobj.name);
alert(tmpobj.func());   //進入func的context
// 回到global的context
}

//一些應用
flag = true;
function OuterFun()
{
var num = 100;
var printNum = function(){alert(num);}  
//此處引用的num是引用,而不是值,所以后面改變num,此處的num同樣生效
num ++;
return printNum;
}
var myfunc = OuterFun();
myfunc();   //輸出的是101,而不是100
//另一個例子,下面的例子,可以看到匿名函數(內部函數)先于外部函數變量的聲明,
但是仍然能夠訪問外部函數的變量
// 也就是說內部函數與外部函數的變量位于同一個closure, 所以可以訪問
function SameClosure()
{
var iCanAccess = function(){alert(name);};
var name = "zhutao";
return iCanAccess;
}
var testSameClosure = SameClosure();
testSameClosure();// zhutao
// 另一個應用,關于module pattern, 這樣可以實際所謂的 private, public等方法和變量
var module = (function Module(){
var privateVar = "zhutao is private";   // private
return {
publicGetPrivateVar : function(){
return privateVar;
},  // public method, 可以取所謂的private變量
publicVar : "I'm a public variable" // public variable
};
})();
if (flag)
{
alert(module.publicGetPrivateVar());    // zhutao is private
alert(module.publicVar);                // I'm a public variable
alert(module.privateVar);               // undefined
}

// 關于效率的例子
flag = false;
// 這樣,每次調用Outer時會產生匿名函數的開銷
function Outer(obj)
{
obj.fun = function(){
alert("I am " + this.name);
};
}
if (flag)
{
var obj = { name : "zhutao"};
Outer(obj);
obj.fun();
}
// 更好的處理方式
function Outer_better(obj)
{
obj.fun = showme;   // 這樣調用的只是函數的引用
}
function showme()
{
alert("I am " + this.name);
}
if (flag)
{
var obj2 = { name : "zhutao"};
Outer_better(obj2);
obj2.fun();
}

flag = true;
// 向body中生成一些鏈接,然后綁定事件
function addLink(num)
{
for(var i=0; i<num; i++)
{
var link = document.createElement('a');
link.innerHTML = "Link " + i;
link.onclick = function(){
alert(i);
};
document.body.appendChild(link);
}
}   //可惜的是,當你點擊每個鏈接時,輸出的都是 Link 4
// 使用closure 可以解決這個問題
function addLink2(num)
{
for(var i=0; i<num; i++)
{
var link = document.createElement('a');
link.innerHTML = "Link" + i;
link.onclick = function(j){ //使用closure
return function(){
alert(j);
};//返回一個函數
}(i);//調用這個函數
document.body.appendChild(link);
}
}
window.onload = addLink(4);
window.onload = addLink2(4);