快捷導(dǎo)航

AngularJS中的緩存使用

更新時(shí)間：2017年01月11日 14:39:10 作者：BestMe丶

一個(gè)緩存就是一個(gè)組件，它可以透明地儲(chǔ)存數(shù)據(jù)，以便以后可以更快地服務(wù)于請(qǐng)求。這篇文章主要介紹了AngularJS中的緩存使用，有興趣的可以了解一下。

緩存篇

一個(gè)緩存就是一個(gè)組件，它可以透明地儲(chǔ)存數(shù)據(jù)，以便以后可以更快地服務(wù)于請(qǐng)求。多次重復(fù)地獲取資源可能會(huì)導(dǎo)致數(shù)據(jù)重復(fù)，消耗時(shí)間。因此緩存適用于變化性不大的一些數(shù)據(jù)，緩存能夠服務(wù)的請(qǐng)求越多，整體系統(tǒng)性能就能提升越多。

$cacheFactory與緩存對(duì)象

$cacheFactory是一個(gè)為Angular服務(wù)生產(chǎn)緩存對(duì)象的服務(wù)。要?jiǎng)?chuàng)建一個(gè)緩存對(duì)象，可以使用$cacheFactory通過(guò)一個(gè)ID和capacity。其中，ID是一個(gè)緩存對(duì)象的名稱，capacity則是描述緩存鍵值對(duì)的最大數(shù)量。舉個(gè)生動(dòng)的例子，$cacheFactory就是包租婆，她有一棟樓，里面有大大小小的房子可以出租，只要你給夠錢(qián)，包租婆就會(huì)把房子租給你(獲得緩存對(duì)象)，這個(gè)房子包括了它的房號(hào)(ID)和房間的大小(capacity-容量)。

var myCache = $cacheFactory('myCache');

其中，緩存對(duì)象擁有以下幾種方法

1. myCache.info() 返回緩存對(duì)象的ID，尺寸和選項(xiàng)

2. myCache.put() 新值鍵值對(duì)并放入緩存對(duì)象中 myCache.put("name", "Ben")

3. myCache.get() 返回對(duì)應(yīng)的緩存值，若沒(méi)有找到則返回undefined myCache.get("name")

4. myCache.remove() 把鍵值對(duì)從對(duì)應(yīng)緩存對(duì)象中移除 myCache.remove("name")

5. myCache.remvoeAll() 清空該緩存對(duì)象

$http中的緩存

$http()方法允許我們傳遞一個(gè)cache參數(shù)。當(dāng)數(shù)據(jù)不會(huì)經(jīng)常改變的時(shí)候，默認(rèn)的$http緩存會(huì)特別有用。其中，默認(rèn)的$http緩存對(duì)象是 var cache = $cacheFactory('$http'); 可以這樣設(shè)置它

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

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

自定義緩存

通過(guò)自定義的緩存來(lái)讓$http發(fā)起請(qǐng)求也很簡(jiǎn)單，只需把cache值設(shè)為對(duì)應(yīng)緩存對(duì)象名稱即可

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

或者通過(guò)config配置來(lái)設(shè)置每個(gè)$http請(qǐng)求的緩存對(duì)象，而不必像上面的例子中，往每一個(gè)$http請(qǐng)求中加入配置

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

其中，capacity會(huì)使用"近期緩存最久未使用算法"，就是說(shuō)，加如緩存容量為20，現(xiàn)在已經(jīng)緩存了緩存20個(gè)，當(dāng)?shù)?1個(gè)想要被緩存的時(shí)候，最久最小未被使用的緩存鍵值對(duì)會(huì)被清除，以便騰出空間容納第21個(gè)緩存。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: