👩🏽‍💼 🙏🏼 👈🏽 हम एक जावास्क्रिप्ट क्लास के रूप में कुकीज़ के साथ काम करते हैं 👨🏻‍🌾 👧 🔘

सभी को नमस्कार! आज मैं एक बहुत लोकप्रिय प्रश्न पर विचार करना चाहता हूं: कुकीज़ के साथ कैसे काम करें? हर जगह बहुत अलग तरीके पेश किए जाते हैं, लेकिन कौन सा बेहतर है? इस सवाल का कोई निश्चित जवाब नहीं है, लेकिन मैं एक बहुत ही सुविधाजनक तरीका प्रस्तुत करना चाहता हूं, और यदि आप रुचि रखते हैं, तो जातियों में आपका स्वागत है।

और इसलिए, इस बिंदु पर

हम get_cookie, set_cookie और delete_cookie विधियाँ बनाते हैं:

कोड

var _cookie = { get_cookie:function(cookie_name){ var r=document.cookie.match('(^|;) ?'+cookie_name+'=([^;]*)(;|$)'); return r?unescape(r[2]):null }, delete_cookie:function(cookie_name){ var c=new Date(); c.setTime(c.getTime()-1); document.cookie=cookie_name+="=; expires="+c.toGMTString() }, set_cookie:function(name,value,exp_y,exp_m,exp_d,path,domain,secure){ var c=name+"="+escape(value); if(exp_y){ var expires=new Date(exp_y,exp_m,exp_d); c+="; expires="+expires.toGMTString() } if(path)c+="; path="+escape(path); if(domain)c+="; domain="+escape(domain); if(secure)c+="; secure"; document.cookie=c; } }

खैर, हम इन विधियों की जांच करते हैं, और सिद्धांत रूप में, हम इसे समाप्त कर सकते हैं। लेकिन यह वह नहीं है जिसके लिए हम प्रयास कर रहे हैं। मैं गुण c # की तरह कुछ करना चाहूंगा।

जावास्क्रिप्ट में इसके लिए बहुत सुविधाजनक प्रॉक्सी क्लास है।

संक्षेप में, प्रॉक्सी "दूसरी वस्तु के चारों ओर घूमता है" और इसके साथ अवरोधन कर सकता है (और, यदि वांछित है, तो स्वतंत्र रूप से प्रक्रिया) इसके साथ विभिन्न क्रियाएं, उदाहरण के लिए, पढ़ने / लिखने के गुण और अन्य।

प्रॉक्सी विधियों के साथ काम करने के लिए, हम दो लैम्बडा फ़ंक्शन बनाते हैं:

कोड

 var __methods = { get:(t,m)=>m in t?t[m]:_cookie.get_cookie(m), set:(t,m,v)=>v?_cookie.set_cookie(m,v):_cookie.delete_cookie(m) }

अब हम खुद प्रॉक्सी क्लास बनाते हैं, जिसका पहला पैरामीटर क्लास के तरीकों की सूची है, हम इसे _cookie पर सेट करते हैं, लेकिन अगर आपको कुकीज़ के साथ काम करने के तरीकों की आवश्यकता नहीं है, तो {} निर्दिष्ट करें, दूसरा पैरामीटर वही है __methods जो हमने अभी बनाया है।

महान, अब बस एक सरल रेखा लिखें:

 var cookie = new Proxy(_cookie,__methods);

हुर्रे! हमने एक वर्ग बनाया, जिसे कॉल करके (प्राप्त) __methods .get विधि के गुणों को बुलाया जाएगा, और इसके लिए एक मान निर्दिष्ट करके - __modods.set ।

उपयोग उदाहरण:

कोड

 var name= prompt("  ","my_name"); var value= parseFloat(prompt("   ( float )","103")); cookie[name] = value; if(value<100) cookie[name]+=10; else cookie[name]-=10; //   alert(",  "+name+" = "+value+"   !"+"\n  :\n"+document.cookie);

पूर्ण कोड:

 var _cookie = { get_cookie:function(cookie_name){ var r=document.cookie.match('(^|;) ?'+cookie_name+'=([^;]*)(;|$)'); return r?unescape(r[2]):null }, delete_cookie:function(cookie_name){ var c=new Date(); c.setTime(c.getTime()-1); document.cookie=cookie_name+="=; expires="+c.toGMTString() }, set_cookie:function(name,value,exp_y,exp_m,exp_d,path,domain,secure){ var c=name+"="+escape(value); if(exp_y){ var expires=new Date(exp_y,exp_m,exp_d); c+="; expires="+expires.toGMTString() } if(path)c+="; path="+escape(path); if(domain)c+="; domain="+escape(domain); if(secure)c+="; secure"; document.cookie=c; } }; var __methods = { get:(t,m)=>m in t?t[m]:_cookie.get_cookie(m), set:(t,m,v)=>v?_cookie.set_cookie(m,v):_cookie.delete_cookie(m) }; var cookie = new Proxy(_cookie,__methods);

संपीड़ित कोड:

 var _c={g:function(d){var c=document.cookie.match("(^|;) ?"+d+"=([^;]*)(;|$)");return c?unescape(c[2]):null},d:function(d){var c=new Date;c.setTime(c.getTime()-1),document.cookie=d+="=; expires="+c.toGMTString()},s:function(k,r,i,a,n,q,o,c){var e=k+"="+escape(r);i&&(e+="; expires="+new Date(i,a,n).toGMTString());q&&(e+="; path="+escape(q)),o&&(e+=";domain="+escape(o)),c&&(e+="; secure"),document.cookie=e}},cookie=new Proxy({get_cookie:_c.g,delete_cookie:_c.d,det_cookie:_c.s},{get:(d,c)=>c in d?d[c]:_c.g(c),set:(e,c,f)=>f?_c.s(c,f):_c.d(c)});

कृपया प्यार करें और टिप्पणियों में एहसान करें)

हम एक जावास्क्रिप्ट क्लास के रूप में कुकीज़ के साथ काम करते हैं

और इसलिए, इस बिंदु पर

More articles: