Angular中$cacheFactory的作用和用法實例詳解

2019-11-20 09:12:27

字體：大中小

供稿：網(wǎng)友

先說下緩存：

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

$cacheFactory介紹：

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

1、Angular中的$cacheFactory的作用：

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

2、Angular中的$cacheFactory的方法：

（1）put(key,value);

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

（2）get(key);

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

（3）romove(key);

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

（4）removeAll();

刪除緩存對象中所有的鍵值對。

（5）destroy();

銷毀這個緩存對象。

（6）info();

獲取緩存對象信息（id，size）。

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

value：所有類型，緩存對象中的值。

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é)果：