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

$cacheFactory介紹：

$cacheFactory是一個(gè)為Angular服務(wù)生產(chǎn)緩存對(duì)象的服務(wù)。要?jiǎng)?chuàng)建一個(gè)緩存對(duì)象，可以使用$cacheFactory通過一個(gè)ID和capacity。其中，ID是一個(gè)緩存對(duì)象的名稱，capacity則是描述緩存鍵值對(duì)的最大數(shù)量。

1、Angular中的$cacheFactory的作用：

用于生成一個(gè)用來存儲(chǔ)緩存對(duì)象的服務(wù)，并且提供對(duì)對(duì)象的訪問。

2、Angular中的$cacheFactory的方法：

（1）put(key,value);

在緩存對(duì)象中插入一個(gè)鍵值對(duì)(key,value)。

（2）get(key);

在緩存對(duì)象中通過指定key獲取對(duì)應(yīng)的值。

（3）romove(key);

在緩存對(duì)象中通過指定key刪除對(duì)應(yīng)的值。

（4）removeAll();

刪除緩存對(duì)象中所有的鍵值對(duì)。

（5）destroy();

銷毀這個(gè)緩存對(duì)象。

（6）info();

獲取緩存對(duì)象信息（id，size）。

注意：key：string類型，緩存對(duì)象中的值名稱。

value：所有類型，緩存對(duì)象中的值。

3、Angular中的$cacheFactory的用法：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title>Cache例子</title> 
<script src="http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"></script> 
</head> 
<body ng-app="app"> 
<div ng-controller="myCtrl1" ></div> 
<div ng-controller="myCtrl2" ></div> 
<div></div> 
<script type="text/javascript"> 
var app=angular.module("app",[]); 
app.controller('myCtrl1',['$scope','$cacheFactory',function($scope,$cacheFactory){ 
var cache = $cacheFactory('cache01'); 
cache.put('name','張三'); 
cache.put('age',18); 
var info = cache.info(); 
console.log(info); 
}]); 
app.controller('myCtrl2',['$scope','$cacheFactory',function($scope,$cacheFactory){ 
var cache = $cacheFactory.get('cache01'); 
var name = cache.get('name'); 
console.log(name); 
}]); 
</script>

結(jié)果：