angularjs 缓存的使用详解

一、什么是缓存

一个缓存就是一个组件，它可以透明地存储数据，以便未来可以更快地服务于请求。

缓存能够服务的请求越多，整体系统性能就提升得越多。

二、Angular 中的缓存

2.1 $cacheFactory 简介

$cacheFactory 是一个为所有Angular服务生成缓存对象的服务。在内部， $cacheFactory 会创建一个默认的缓存对象，即使我们并没有显示地创建。

要创建一个缓存对象，可以使用 $cacheFactory 通过一个ID创建一个缓存：

var cache = $cacheFactory('myCache');
这个 $cacheFactory 方法可以接受两个参数：

cacheId （字符串）：这个 cacheId 就是创建缓存时的ID名称。可以通过 get() 方法使用缓存名称来引用它。

capacity ：这个容量描述了在任何给定时间要使用缓存存储并保存的缓存键值对的最大数量。

2.2 缓存对象

缓存对象自身有下列这些方法可以用来与缓存交互。

info() ： info() 方法返回缓存对象的ID、尺寸和选项。

put() ： put() 方法允许我们把任意JavaScript对象值形式的键（字符串）放进缓存中。cache.put("hello","world");

put() 方法会返回我们放入缓存中的值。

get() ： get() 方法让我们能够访问一个键对应的缓存值。如果找到了这个键，它会返回它的值；如果没有找到，它会返回 undefined 。cache.get("hello");

remove() ： remove() 函数用于在找到一个键值对的情况下从缓存中移除它。如果没有找到，它就会返回 undefined 。cache.remove("hello");

removeAll() ： removeAll() 函数用于重置缓存，同时移除所有已缓存的值。

destory() ： destory() 方法用于从 $cacheFactory 缓存注册表中移除指定缓存的所有引用。

三、$http 中的缓存

Angular的 $http 服务创建了一个带有ID为 $http 的缓存。 要让 $http 请求使用默认的缓存 对象很简单： $http() 方法允许我们给它传递一个 cache 参数。

 3.1 默认的 $http 缓存

当数据不会经常改变时，默认的 $http 缓存就特别有用了。可以像这样设置它：

$http({  method: 'GET',  url: '/api/users.json',  cache: true　　//设置为true只是用来使用$http默认的缓存机制});

现在，通过 $http 到URL /api/user.json 的每个请求将会存储到默认的 $http 缓存中。 这个$http 缓存中的请求键就是完整的URL路径。

如果需要，也可以操作这个默认的 $http 缓存（比如，如果我们发起的另外一个没有缓存的请求提醒我们发生了增量变化，我们就可以在默认的 $http 请求中清除这个请求）。

为了引用 $http 的默认请求，只需通过 $cacheFactory() 使用ID来获取到该缓存：

var cache = $cacheFactory('$http');

对于所掌控的缓存，我们可以在需要时进行所有的正常操作，比如检索已缓存的响应，从缓存中清除条目，或者消除所有缓存的引用。