js:深入閉包(範圍)

/**
* 閉包的範圍
*/
fn1(); //fn1 能夠執行，不會報錯，對於通過function func_name()這種寫法來定義的函數，永遠都會被最先初始化。
function fn1(){
console.log("fn1");
}

fn2(); //報錯：fn2 is not a function
/**
*使用如下方式定義函數，不會被先執行，如果在定義之前調用，報錯。
*這種函數的定義方式是先在記憶體中建立一塊地區，之後通過一個fn2的變數指向這塊地區，
*這塊地區的函數開始時是沒有名稱的，這種函數名稱叫做匿名函數。
*/
var fn2 = function(){
console.log("fn2");
}
----------------------------------函數範圍--------------------------------------
/**
* 在js中當進行函數調用時，會為每一個函數增加一個屬性scope，通過這個屬性來指向一塊記憶體，
* 這塊記憶體中包含有所有的上下文使用的變數，當在某個函數中調用了新函數之後，新函數依然會有
* 一個範圍來指向原有的函數的scope和自己新增加的scope，這樣就形成了一個鏈式結構，
* 這就是js中的範圍鏈。
*/
var color = "red";

var showColor = function(){
console.log(this.color);
}

function changeColor(){
var anotherColor = "blue";
function swapColor(){
var tempColor = anotherColor;
anotherColor = color;
color = tempColor;
}
swapColor();
}

changeColor();
showColor(); //blue
執行步驟：

釋放swapColor

釋放changeColor

執行showColor

--------------------------------------------------------------------------

var name = "one";
var object = {
name:"two",
getName:function(){
//var name = "three";
return function(){
return this.name;
//return name;
};
}
};

console.log(object.getName()()); //one

想想問什嗎？若是在getName函數裡再加個 var name = "three" 呢？若把匿名函數裡的 return this.name; 改為 return name; 呢？

返回值是什麼，為什嗎？

如果你能理解上面代碼的運行結果，應該就算理解閉包的運行機制了。
/**
* 使用閉包雖然可以演唱範圍，但是也會佔用過多的記憶體，一般非特殊情況下不要使用閉包。
*
*/