जावास्क्रिप्ट सज्जाकार

लंबे समय से मैं डेकोरेटर का उपयोग जावास्क्रिप्ट में करता हूं। हाल ही में मैंने अशुद्धियों के बारे में एक हब्रोपिटिक देखा, जिसने मुझे अपना अनुभव साझा करने के लिए प्रेरित किया, क्योंकि प्रौद्योगिकियां थोड़ी समान हैं।

जाने-माने क्रियान्वयन में मुझे क्या पसंद नहीं है?

Google पर पहले लिंक द्वारा दिए गए कार्यान्वयन, पायथन में जिस तरह से काम नहीं करते हैं। कई लेखों में, एक ऑब्जेक्ट बनाना, उसके फ़ील्ड्स को फ़ंक्शंस के साथ भरना, और इन फ़ील्ड्स के माध्यम से अघोषित कॉल करना प्रस्तावित है।
पहले पृष्ठ पर कई लिंक दिए गए हैं जो मेरे जैसे तरीकों का उपयोग करते हैं,
कई और कार्यान्वयन हैं, लेकिन वे मेरे लिए दिलचस्प नहीं हैं।
मैं अपनी बात से सबसे सही बताऊंगा।

सामान्य सज्जाकार

तो डेकोरेटर क्या है?
डेकोरेटर एक फ़ंक्शन है जो एक फ़ंक्शन तर्क फ़ंक्शन जोड़ता है।

पायथन से एक उदाहरण:

def superfunc(n=2): print("Megclosure created") def clos(func): print("Megclosure used") def clos1(*args, **kwargs): print("Megclosured function",func.__name__) res = func(*args, **kwargs) return (res**n) return clos1 return clos def a(par): return par+9; b = (superfunc())(a) @superfunc(3) def c(txt): return len(txt)+1 print ( b(1),c("abc"*3)) 

हम यहां क्या कर रहे हैं?
यहां हम एक फ़ंक्शन बनाते हैं जो एक और फ़ंक्शन बनाता है जो कि हमें ज़रूरत है और सजाए गए फ़ंक्शन को कॉल करता है।

यह जावास्क्रिप्ट में कैसे होगा

इसलिए, हम फ़ंक्शन को कॉल करना चाहते हैं, इसे फ़ंक्शन पास कर रहे हैं और, संभवतः, अतिरिक्त पैरामीटर, और अनिर्धारित फ़ंक्शन बी प्राप्त करते हैं, अर्थात।

 function decorator(){ ..... } ..... function a(){ ...... } ...... var b=decorator(a, arg1, arg2,....., argN); 

।


मैं अपनी एक लाइब्रेरी से कोड का एक टुकड़ा दूंगा।

 function withVars(f, variables) { var args = Array.prototype.slice.call(arguments, 1);//    ,    ,    return function () {//  f  args,    var p = arguments;//   arguments     ... Array.prototype.push.apply(p, args);//...    p f.apply(this, p);//   f   this   p } }; 

और आवेदन:

 function a(){ var str =""; for(var i=0;i<arguments.length;i++){ str+=arguments[i]+" "; } alert(str); } a(1,2,4,5,"six");//1 2 3 4 5 six var b=withVars(a,4,8,15,16,23,42); b(1,2,4,5,"six");//1 2 3 4 5 six 4 8 15 16 23 42 

नतीजतन, कोड की कई लाइनों में हमें एक शक्तिशाली प्रभाव मिलता है।
कलाई की एक झटका के साथ, फ़ंक्शन को फिर से किया जा सकता है ताकि पैरामीटर को शुरुआत में जोड़ा जाए। ऐसा करने के लिए, बस प्रतिस्थापित करें

 Array.prototype.push.apply(p, args); f.apply(this, p); 

पर

 Array.prototype.push.apply(args,p); f.apply(this, args); 

।

संभव अनुप्रयोग

• मान लें कि आपको कॉलबैक 1 से कॉलबैक 2, कॉलबैक 2 से कॉलबैक 3 आदि कॉल करने की आवश्यकता है, और उसी समय कुछ डेटा को एक कॉलबैक से दूसरे में ट्रांसफर करें। हम इवेंट स्रोत पर अतिरिक्त जानकारी नहीं दे सकते। उदाहरण के लिए, जब हम GM_xmlhttpRequest का उपयोग करते हैं। संक्षेप में, घटनाओं का स्रोत हमसे छिपा हुआ है, और एक फ़ंक्शन चिपक जाता है जिसे हम कॉल कर सकते हैं, लेकिन जो कॉलबैक में संचरण के लिए मनमानी जानकारी नहीं बचाता है। कई आयोजन होंगे और वे "समानांतर में" उठेंगे, इसलिए एक चर बनाना एक विकल्प नहीं है।
  
  फिर हम यह करते हैं:
  

   function cb1(evt){ ....... GM_xmlhttpRequest({ method: "GET", url: url2, onload: withVars(cb2,processed2) }); } function cb2(evt){ ....... GM_xmlhttpRequest({ method: "GET", url: url3, onload: withVars(cb3,processed3) }); } function cb3(evt){ ....... GM_xmlhttpRequest({ method: "GET", url: url4, onload: withVars(cb4,processed4) }); } function cb3(evt){ ..... } GM_xmlhttpRequest({ method: "GET", url: url1, onload: cb1 }); 

  ।
  समाधान कई से बेहतर है।
  
• डेटा सत्यापन।
  उदाहरण के लिए, आप एक डेकोरेटर लिख सकते हैं जो एक निश्चित प्रारूप स्ट्रिंग के प्रकार के तर्कों के पत्राचार की जांच करेगा, और यदि यह मेल नहीं खाता है, तो त्रुटि को रूपांतरित / फेंक दें।
  फिर निम्नलिखित की तरह कोड लिखना संभव होगा:
  

   var mult=fstrValidate(function(a,b){ return a*b; },"%d%d"); 

  ।
  
• फ़ंक्शन निष्पादन की सीमा को सीमित करें
  
• सुविधा। कई मामलों में, डेकोरेटर का उपयोग करने वाला कोड क्लीनर, अधिक सुंदर और अधिक कुशल होगा।
• एप्लिकेशन आपकी कल्पना द्वारा सीमित हैं। यदि समस्या हल नहीं होना चाहती / बदसूरत हल "सिर पर", तो शायद इसे सज्जाकारों की मदद से हल किया जा सकता है।
  

क्या पढ़ना है?

JavaScript.ru - क्लोजर
तर्क - एमडीएन
आवेदन करें - एमडीएन

धन्यवाद के लिए PS धन्यवाद UFO

UPD1: कई उपयोग जोड़े गए।
UPD2: कोड को थोड़ा ठीक किया