Re: [問題][js] closure 和 prototype的差別~

看板Ajax作者fillano (冒牌費大公)時間16年前 (2009/06/03 17:11)推噓3(3推 0噓 8→)

留言11則, 3人參與討論串2/2 (看更多)

closure簡單說就是function defined in function 用不用closure對於用this指定的property是沒差，但是對於區域變數就會有差別： function test() { var x=2; var y=3; this.getTest = function() { return x*y; } } var a = new test(); alert(a.getTest()); 正常而下面這樣的話： function test() { var x=2; var y=3; } test.prototype.getTest = function() { return x*y; } var a = new test(); alert(a.getTest()); 就會出現錯誤。其實用prototype或是closure沒差啦，出問題的是微軟... 微軟的瀏覽器跟javascript引擎是獨立的東西，導致使用closure的時候，參考到dom 物件無法被正常釋放，這是IE6的問題，新版的IE已經不會有問題了，所以可以放心用 closure。有興趣的話可以看一下： http://javascript.crockford.com/memory/leak.html 另外，上面提到的問題是，即使瀏覽器關掉記憶體也不會被釋放，而使用closure的時候，其實會在特定狀況下，讓內部的function維持到函數執行結束還有用，這樣它所參考到的本地變數也不會被釋放： function test() { var x=3; var y=2; return function() { return x*y; } } var a = test(); alert(a()); 像上述情況，執行test()完畢後，它會把一個內部函數的參考傳給變數a，只要a還有效，變數x跟y就必須留在記憶體中，否則無法正確執行。這可能會是一個無意間造成的記憶體未釋放問題。更常見的是處理dom： function addclick(node) { node.onclick = function() { alert(node.id); } } addclick(document.getElementById("id")); 透過函數參數傳進來的變數，跟本地變數一樣意思。以上是使用closure會有的問題，但是如果不是微軟的話，其實不嚴重，而且這是 javascript本身具備的特性。 -- Sapere Aude! 這就是啟蒙運動的口號！ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 60.250.95.16