जेएस डिजाइन पैटर्न: ऑब्जेक्ट क्रिएशन पैटर्न

तो, खाबरोवस्क नागरिक, पहले से ही ओटस में इस गुरुवार को "फुलस्टैक जावास्क्रिप्ट डेवलपर" पाठ्यक्रम शुरू हो जाएगा। और आज हम आपके साथ पाठ्यक्रम शुरू होने की प्रत्याशा में एक और लेखक के प्रकाशन को साझा कर रहे हैं।



लेख के लेखक: पावेल याकूपोव

---

इस लेख में, हम जावास्क्रिप्ट भाषा में सबसे सरल और सबसे सामान्य डिजाइन पैटर्न के बारे में बात करेंगे - और समझाने की कोशिश करेंगे कि कब कौन सा आवेदन करना है।
सामान्य रूप से डिजाइन पैटर्न क्या हैं? डिज़ाइन पैटर्न एक ऐसा शब्द है जिसका उपयोग आम तौर पर कार्यक्रमों को बनाने में आम समस्याओं के लिए उपयोग किया जाता है।

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

आइए जल्दी से मुख्य प्रकार के डिज़ाइन पैटर्न पर जाएं:

निर्माण डिजाइन पैटर्न

जैसा कि नाम से ही स्पष्ट है, ये पैटर्न मुख्य रूप से नई वस्तुओं को बनाने के लिए उपयोग किया जाता है। इनमें कंस्ट्रक्टर, फैक्टरी, प्रोटोटाइप और सिंग्लटन जैसे पैटर्न शामिल हैं।

स्ट्रक्चरल डिजाइन पैटर्न

ये पैटर्न कक्षाओं और वस्तुओं की संरचना से जुड़े हैं। वे पूरे सिस्टम के संचालन को बाधित किए बिना वस्तुओं या उनके हिस्सों को संरचना या पुनर्गठन करने में मदद करते हैं।

व्यवहार डिजाइन पैटर्न

इस तरह के डिजाइन पैटर्न का उद्देश्य विभिन्न वस्तुओं के बीच संचार में सुधार करना है। व्यवहार डिजाइन पैटर्न में कमांडर, Iterator, मध्यस्थ, पर्यवेक्षक, राज्य पैटर्न, रणनीति और टेम्पलेट शामिल हैं।

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

पैटर्न "मॉड्यूल"

यह डिज़ाइन पैटर्न जावास्क्रिप्ट भाषा में प्रकट हुआ, इसलिए बोलने के लिए, अनैच्छिक रूप से। प्रारंभ में, भाषा ने इस तरह की घटनाओं को वैश्विक दायरे के प्रदूषण (और अन्य भाषाओं में, जैसे कि C # या C ++ के रूप में प्रतिवाद करने के बारे में नहीं सोचा था) ऐसे नाम स्थान हैं जो इस समस्या को बॉक्स से बाहर हल करते हैं)। इसके अलावा, कोड को पुन: उपयोग करने के लिए मॉड्यूल आंशिक रूप से आवश्यक हैं, क्योंकि उन्हें पहली बार बनाने और उपयोग करने के बाद, उन्हें अन्य टीमों की परियोजनाओं से जोड़ा जा सकता है जो मानव-घंटे का अधिक सक्षम रूप से उपयोग कर रहे हैं।
अपने पूरे अस्तित्व में मॉड्यूल मॉड्यूल (पहले से ही ES5 में इसका व्यापक रूप से उपयोग किया गया था) IIFE (तुरंत कार्यात्मक अभिव्यक्तियां कहा जाता है) का इस्तेमाल किया।

यहाँ "मॉड्यूल" पैटर्न का एक सरल उदाहरण है:

const first_Module = (function() { let Surname = "Ivanov"; let Nickname = "isakura313"; function declare_Surname() { console.log(Surname); } return { declare_Nickname: function() { alert(Nickname); } } })(); first_Module.declare_Nickname(); console.log(Surname); //       

"मॉड्यूल" पैटर्न पूरी तरह से उस डेटा को एन्क्रिप्ट करता है जो इसमें संलग्न है। हम उन्हें केवल सार्वजनिक विधियों का उपयोग करके एक्सेस कर सकते हैं, और जब तक कि सार्वजनिक और निजी तरीकों के जावास्क्रिप्ट कार्यान्वयन "बॉक्स से बाहर" को इस तरह से लागू नहीं किया जाना है।

कंस्ट्रक्टर पैटर्न

यह एक डिज़ाइन पैटर्न है जिसे ऑब्जेक्ट बनाने के लिए डिज़ाइन किया गया है। एक कंस्ट्रक्टर एक फ़ंक्शन है जो नई ऑब्जेक्ट बनाता है। हालांकि, जावास्क्रिप्ट में, ऑब्जेक्ट्स को एक रचनाकार फ़ंक्शन या वर्ग परिभाषा के बिना भी मक्खी पर बनाया जा सकता है।
कंस्ट्रक्टर सबसे अधिक इस्तेमाल किए जाने वाले डिज़ाइन पैटर्न में से एक है। इसका उपयोग एक निश्चित प्रकार की वस्तुओं को बनाने के लिए किया जाता है।

 //     to-do  //,    ,           class ItemDeal { constructor(name, color) { this.name = name; this.color = color; } } //     ,       localStorage  ? let item = new ItemDeal(`${text}`, `${select.value - 1}`); // text -   , a select.value -    let myJson = JSON.stringify(item); //        //localStorage,        //localStorage.setItem(item.name, myJson); 

फैक्टरी पैटर्न

फैक्टरी पैटर्न एक और पैटर्न है जो एक वर्ग से एक ऑब्जेक्ट बनाने पर केंद्रित है। इसमें, हम एक सामान्य इंटरफेस प्रदान करते हैं जो एक उपवर्ग वस्तु के निर्माण को दर्शाता है।

इस डिज़ाइन पैटर्न का उपयोग अक्सर उन वस्तुओं के संग्रह में हेरफेर करने के लिए किया जाता है जिनमें दोनों अलग और समान विशेषताएं होती हैं।
नीचे दिए गए उदाहरण में, हम अपनी पाठ खोज के लिए एक दुश्मन वर्ग (EnemyFactory) बनाएंगे। हां, उदाहरण काफी सरल है, लेकिन यह डिजाइन पैटर्न की समस्या है: उन्हें "बड़े" अनुप्रयोगों के लिए आवश्यक है। यदि आपके पास पृष्ठ पर क्लिक करके केवल तीन चित्र हैं, तो कोई भी डिज़ाइन पैटर्न आपके लिए विशेष रूप से उपयोगी नहीं होगा।

ठीक है, बस कंसोल में हमारे टेक्स्ट आरपीजी के लिए कोड का एक टुकड़ा दिखाएं:

 class EnemyFactory{ constructor() { this.createEnemy = function(type) { let enemy; if (type === 'goblin' || type === 'ork') enemy = new Infantry(); else if (type === 'elf') enemy = new Archer(); enemy.attack = function() { return `The ${this._type} is attack`; }; return enemy; }; } } class Infantry { constructor() { this._type = 'goblin'; this.scream = function() { return 'AAAAAAAAA! Za ordu!!!'; }; } } class Archer { constructor() { this._type = 'elf'; this.magic_attack = function() { return 'Magic fog around you! You cant see!!'; }; } } const enemy_army = new EnemyFactory(); let newGoblin = enemy_army.createEnemy('goblin'); let newElf = enemy_army.createEnemy('elf'); console.log(newGoblin.attack()); console.log(newElf.attack()); console.log(newGoblin.scream()); console.log(newElf.magic_attack()); //  

प्रोटोटाइप पैटर्न

यहाँ हम एक नई वस्तु बनाने के लिए किसी वास्तविक वस्तु के "कंकाल" का उपयोग करते हैं। और प्रोटोटाइप जावास्क्रिप्ट में OOP के निर्माण का सबसे मूल प्रकार है।

 //,     to-do  const itemDeal = { colorOfHeader: blue; //     .    ? create() { console.log("our item create"); //  item }, delete() { console.log("our item delete now"); //   item }, }; //     ,  to-do  //  ,   Trello. const newDeal = Object.create(itemDeal, { owner: { value: 'Paul' } }); console.log(newDeal.__proto__ === itemDeal); //true 

प्रोटोटाइप पैटर्न उपयोगी है यदि आपका एप्लिकेशन किसी तरह कार्यक्षमता का विस्तार या कम कर सकता है।

लोनर पैटर्न

या, जैसा कि वह बेहतर जाना जाता है, "सिंगलटन।" एक "अकेला" एक विशेष पैटर्न है जिसमें एक वर्ग का केवल एक उदाहरण मौजूद हो सकता है। पैटर्न निम्नानुसार काम करता है - ऑब्जेक्ट का इनिशियलाइज़ेशन तब काम करेगा जब कोई एकल उदाहरण नहीं बनाया गया है या लौटाया गया है। यदि मौजूद है, तो ट्रिगर की गई वस्तु वापस कर दी जाएगी।
मान लीजिए कि हम मुख्य चरित्र का एक वर्ग बनाते हैं, और हम चाहते हैं कि यह जुमांजी की तरह 1 नहीं, 4 हो।

 class Hero { constructor(name) { if (Hero.exists) { return Hero.instance; } this._name = name; Hero.instance = this; Hero.exists = true; return this; } getName() { return this._name; } setName(name) { this._name = name; } } //    const smolder = new Hero('Smolder!'); console.log(smolder.getName()); // Smolder! const ruby = new Hero('Ruby'); console.log(ruby.getName()); // Smolder! // ,       .         . //            

तो आप सभी का ध्यान देने के लिए धन्यवाद! मुझे उम्मीद है कि यह लेख जावास्क्रिप्ट में OOP के लिए एक अच्छी शुरुआत के रूप में काम करेगा (हालांकि, ईमानदार होने के लिए, मेरे सहकर्मी जावा और जावास्क्रिप्ट दोनों में कई वर्षों के अनुभव के साथ, OOP बहुत विकसित नहीं है, इसे हल्के ढंग से डालने के लिए)। हालांकि, नए मानकों में, भाषा में काफी सुधार हुआ है, और मुझे यकीन है कि इस पद्धति का उपयोग केवल अधिक बार किया जाएगा (या डार्ट आएंगे और सब कुछ बदल देंगे)।

उपयोगी लिंक:

developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/create
learn.javascript.ru/class
developer.mozilla.org/ru/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript