कैश-js। कैशिंग फ़ंक्शन

कुछ समय पहले, क्लाइंट पर सर्वर प्रतिक्रियाओं को कैश करने की आवश्यकता थी। तुरंत एक आरक्षण करें जो मुझे ब्राउज़र कैश के बारे में पता है, लेकिन यह मेरा मामला नहीं था। बिना किसी हिचकिचाहट के, मैंने डेटा डाउनलोड करने के लिए कोड को पूरक करना शुरू कर दिया, ताकि सर्वर को अनुरोध भेजने से पहले, यह जांचा गया कि क्या इस तरह के अनुरोध के साथ पहले से ही कोई परिणाम था।

स्पष्टता के लिए, मैं एक उदाहरण दूंगा:

function loadData(url, fn) { ajax.get(url, function (err, result) { //      var data = '...'; fn(null, data); }); } 

और इसके बाद:

 var cache = {}; function loadCacheData(url, fn) { var cacheData = cache[url]; //  if (cacheData) { fn(null, cacheData); } else { ajax.get(url, function (err, result) { //      var data = '...'; //   cache[url] = data; fn(null, data); }); } 

इस शैली में कुछ और कार्यों को दोहराते हुए, मैं ऊब गया था, और इस पद्धति की कार्यक्षमता बहुत अधिक नहीं है, उदाहरण के लिए, आप कैश को रीसेट नहीं कर सकते। थोड़ा सा "गूगल" (शायद Google खराब था), मुझे एक पुस्तकालय नहीं मिला जो आपको हाथ के एक साधारण आंदोलन के साथ मौजूदा कोड में कैश को पेंच करने की अनुमति देगा।

इसने एक साधारण आवरण फ़ंक्शन लिखने की शुरुआत को चिह्नित किया जो loadData को loadCacheData में बदल देगा।
यह कुछ इस तरह दिखना चाहिए:

 function loadData(url, fn) { ajax.get(url, function (err, result) { //      var data = '...'; fn(null, data); }); } var loadCacheData = cache(loadData); 

इस तरह से प्राप्त "loadCacheData" फ़ंक्शन को परिणाम को कैश करना चाहिए, साथ ही कैश को प्रबंधित करने के लिए कार्यक्षमता प्रदान करनी चाहिए।

कुछ समय बाद, कैश फ़ंक्शन के अधिक या कम कार्यशील संस्करण को लागू करना संभव था। सभी स्रोत गितुब पर उपलब्ध हैं।

यह फ़ंक्शन आपको क्या करने की अनुमति देता है:

1. कैश फ्लश करें।

 var loadCacheData = cache(loadData); loadCacheData.clearCache(); 

2. कैश के लिए जीवनकाल सेट करें। डिफ़ॉल्ट 1 वर्ष है।

 var loadCacheData = cache({ expire: 10 * 1000 }, loadData); 

3. अधिकतम कैश आकार (कैश में स्टोर करने के लिए कितनी प्रतिक्रियाएं) निर्धारित करना। डिफ़ॉल्ट 10 है।

 var loadCacheData = cache({ max: 10 }, loadData); 

4. कैश स्टोरेज मेथड चुनना। डिफ़ॉल्ट "एप्लिकेशन" है।
ऐप - मेमोरी में कैश स्टोर करें।
लोकल - कैश को लोकलस्टोरेज में स्टोर करता है और साइट के सभी पेजों के बीच सुलभ है।

 var loadCacheData = cache({ storage: 'local' }, loadData); 

"स्थानीय" स्थापित करते समय, आप वैकल्पिक रूप से "cacheKey" स्थापित कर सकते हैं - स्थानीयस्टोरेज में कुंजी का नाम जहां कैश संग्रहीत है।

5. अपने खुद के कैश स्टोरेज को इनस्टॉल करना।

 var loadCacheData = cache({ storage: new MyCacheStorage() }, loadData); 

इस स्थिति में, MyCacheStorage () को तीन विधियों को लागू करना चाहिए:
"जाओ (कुंजी, fn);" - विधि कुंजी से कैश से परिणाम का चयन करती है।
"सेट (की, वैल, एफएन);" - विधि कैश के लिए मूल्य निर्धारित करती है।
"स्पष्ट (fn);" - विधि कैश को फ्लश करती है।
"Fn" एक कॉलबैक फ़ंक्शन है जो फ़ंक्शन का पहला तर्क "त्रुटि" और दूसरा "परिणाम" (यदि कोई हो) लेता है।

"कैश-जेएस" का उपयोग एक सीमा को लागू करता है, जिसके कार्यों को "कैश्ड" होना चाहिए नियम का पालन करना चाहिए: "अंतिम पैरामीटर कॉलबैक फ़ंक्शन होना चाहिए!"

कार्यसूची:

• अब "कैश" फ़ंक्शन को वैश्विक क्षेत्र में जोड़ा जाता है, इसे एक अलग स्थान पर ले जाने की योजना है
• SessionStorage का उपयोग करके कैश जोड़ें
• वैश्विक विकल्प, उदाहरण के लिए, विकास के दौरान कैश को पूरी तरह से अक्षम करने के लिए
• पुराने ब्राउज़रों के लिए समर्थन। वर्तमान में JSON ऑब्जेक्ट के पार्स / स्ट्रिंग तरीकों का उपयोग करते हुए, getItem / setItem / removeItem की स्थानीयस्टोर ऑब्जेक्ट
• ? नोडज पर पोर्ट (संदेह में)

उपयोग के उदाहरण रिपॉजिटरी में उपलब्ध हैं ।