DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript使用閉包模擬對象的私有屬性和方法
javascript使用閉包模擬對象的私有屬性和方法
編輯:關於JavaScript     

最近因為做了一個項目,其中涉及到了js私有方法,這個概念在其語言裡面是很常見的,很多語言都有private這個關鍵字,只要在一個類的前面加上private就表示申明了一個私有方法,但是javascript在面向對象的方面沒有那麼多的特征,他沒有專門的private關鍵字,。要做到這一點就必須使用js自己的一些特性來變相的完成。

首先javascript裡面有一個高級特性叫閉包,簡單的說js的閉包可以理解成是一種現象或者特性,一般出現在兩個函數嵌套的情況下,看例子:

function a(){
var eg = 1;
return function(){
alert(eg);
  }
}
var c = a();

a函數裡返回了一個函數,返回的函數被全局作用域下的c接受了,此時因為返回的函數調用了a函數裡面的eg變量,並且被全局作用域下的變量c引用,此時下形成閉包,a函數的內存空間不會被收回,這個閉包的理解其實和js的垃圾回收機制有關,js的垃圾回收其實是靠引用來計算的,比如我們申明了一個函數,這個函數就會有一個引用指向他自己,當函數運行結束的時候銷毀引用,js如果發現沒有引用的函數就會銷毀這個函數的內存空間,函數也就沒有了。我們上面的例子中首先a函數運行,給eg賦值1,然後返回一個匿名函數,到此a函數運行完了,按照原有的理論,此時a函數應該被銷毀,但是此時他返回了一個函數,這個函數被全局下的變量c引用,c是不會被銷毀的,除非我們手動銷毀,而且這個返回的函數引用了a函數的變量eg,js引擎會認為eg依然是有用的,因為他仍然在被使用,因此包含eg這個局部變量的函數a也不會被銷毀。

閉包的理解可能不是一下講的通的,這裡其實還涉及到一個作用域的問題,我記得以前有人說返回的這個函數被c接收了,c是在全局作用下的,為什麼調用c的時候會彈出a函數裡面的eg,難道不應該是全局作用域下的eg嗎?而且js的函數作用於是局部的,外部不能訪問。其實這裡有一個理論,記住就可以,js裡的函數作用域取決於函數定義的位置,而不是函數調用的位置,也就是說,函數在什麼地方定義的,他的作用域就決定了,不管他在什麼地方調用,作用域都不會改變,返回的這個匿名函數是在a函數裡面定義的,所以他的上級作用域就是這個a函數,而不是全局作用域。

這裡要說的私有方法其實和閉包是有關系的,私有方法在其他語言裡面是不被訪問到的,除非有專門的接口,js的局部作用域裡面的東西在正常情況下也是不能被外部訪問到,但是上面例子顯示了,通過閉包的方式可以訪問到,這樣我們就可以利用這個特性,看例子:

var book = (function(){
var page = 100;
return function(){
this.auther = 'dava';
this.price = 200;
this._page = function(){
alert(page);
}
}
})();

var a = new book();
a.auther//"dava"
a.price//  200
a.page//"wrong"
a._page()//  100

這裡例子用了一個函數自動執行,一上來就執行了一個匿名函數,並且在匿名函數裡面定義了一個局部變量page,然後又返回了一個匿名函數,並且被全局作用域下的book變量接收,此時使用new 調用book就會生成一個新對象a。其中auther屬性和price屬性可以直接通過對象訪問,因為這些屬性都是new的時候直接定義在返回的對象身上的,而page屬性則沒有,因此不能反回,但此時如果我想訪問page屬性,那就得依靠閉包了,返回的函數在外層的匿名函數裡面,因此在返回的函數身上定義了一個方法叫_page,這個方法彈出了page屬性,按照js作用域的關系,當前作用域找不到page,就會到上層作用域去尋找,這樣就找到了。通過這種方式我們就把私有方法和公有方法區分開了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved