AngularJS中的快取使用

緩存篇

一個快取就是一個元件，它可以透明地儲存數據，以便以後可以更快地服務於請求。多次重複地取得資源可能會導致資料重複，消耗時間。因此快取適用於變化性不大的一些數據，快取能夠服務的請求越多，整體系統效能就能提升越多。

$cacheFactory與快取物件

$cacheFactory是為Angular服務生產快取物件的服務。要建立一個快取對象，可以使用$cacheFactory通過一個ID和capacity。其中，ID是快取物件的名稱，capacity則是描述快取鍵值對的最大數量。舉個生動的例子，$cacheFactory就是包租婆，她有一棟樓，裡面有大大小小的房子可以出租，只要你給夠錢，包租婆就會把房子租給你(獲得緩存對象)，這個房子包括了它的房號(ID)和房間的大小(capacity-容量)。

var myCache = $cacheFactory('myCache');

其中，快取物件擁有以下幾種方法

1. myCache.info() 傳回快取物件的ID，尺寸與選項

2. myCache.put() 新值鍵值對放入快取物件中myCache.put("name", "Ben")

3. myCache.get() 傳回對應的快取值，若沒有找到則回傳undefined myCache.get("name")

4. myCache.remove () 把鍵值對從對應快取物件移除myCache.remove("name")

5. myCache.remvoeAll() 清空該快取物件

$http中的快取

$http()方法允許我們傳遞一個cache參數。當資料不會經常改變的時候，預設的$http快取會特別有用。其中，預設的$http快取物件是var cache = $cacheFactory('$http'); 可以這樣設定它

$http({
   method: 'GET',
   url: 'api/user.json',
   cache: true
})

其中，快取的鍵值為url，var userCache = cache.get('api/user .json')

自訂快取

透過自訂的快取讓$http發起請求也很簡單，只需把cache值設為對應快取物件名稱即可

$http({
   method: 'GET',
   url: 'api/user.json',
   cache: myCache
})

或透過config設定來設定每個$http請求的快取對象，而不必像上面的例子中，往每一個$http請求中加入配置

app.config(function($httpProvider){
$httpProvider.defaults.cache = $cacheFactory('myCache',{capacity: 20})

其中，capacity會使用"近期快取最久未使用演算法"，就是說，加如快取容量為20，現在已經快取了快取20個，當第21個想要被快取的時候，最久最小未被使用的快取鍵值對會被清除，以便騰出空間容納第21個快取。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持PHP中文網。

更多AngularJS中的快取使用相關文章請關注PHP中文網！