जावास्क्रिप्ट में प्रतीक

यह जावास्क्रिप्ट पुनरावृत्तियों पर भविष्य के डेवलपर्स के लिए एक छोटा लेकिन उपयोगी लेख है।

इससे पहले कि हम js में पुनरावृत्तियों के बारे में जानें, याद रखें कि प्रतीक क्या है :

प्रतीक एक अद्वितीय और अपरिवर्तनीय पहचानकर्ता है। प्रतीक () फ़ंक्शन का उपयोग करके बनाया गया , इसे प्रतीक ('फू') भी कहा जा सकता है। समान लेबल वाले चिह्न एक-दूसरे के बराबर नहीं होते हैं, और सामान्य तौर पर, कोई भी प्रतीक एक-दूसरे के बराबर नहीं होते हैं (याद रखने योग्य के बारे में याद रखें)।

इस तरह के प्रतीक के रूप में सिस्टम प्रतीक हैं। प्रतीक, Symbol.toPrimitive और अन्य। सिस्टम वर्णों का उपयोग भाषा द्वारा ही किया जाता है, लेकिन हम उनका उपयोग कुछ वस्तुओं के डिफ़ॉल्ट व्यवहार को बदलने के लिए भी कर सकते हैं।

प्रतीक es6 विनिर्देशन का हिस्सा हैं, इसलिए वे अर्थात, बिल्कुल ( caniuse ) में समर्थित नहीं हैं।

प्रतीक चिह्न के बारे में

मूल रूप से, इस प्रतीक का उपयोग भाषा द्वारा किसी वस्तु के गुणों पर पुनरावृत्ति करने पर लूप के ... के लिए किया जाता है। इसका उपयोग सीधे अंतर्निहित डेटा प्रकारों के साथ भी किया जा सकता है:

const rangeIterator = '0123456789'[Symbol.iterator](); console.log(rangeIterator.next()); // {value: "0", done: false} console.log(rangeIterator.next()); // {value: "1", done: false} console.log(rangeIterator.next()); // {value: "2", done: false} ... console.log(rangeIterator.next()); // {value: "9", done: false} console.log(rangeIterator.next()); // {done: true} 

यह उदाहरण एक स्ट्रिंग के साथ काम करता है, क्योंकि String.prototype का अपना इटिटर ( युक्ति ) है। Js में चलने योग्य प्रकारों की सूची: स्ट्रिंग, एरे, टाइपएड्रे, मैप, सेट।
लूप के अलावा, जावास्क्रिप्ट निम्न निर्माणों में Symbol.iterator का उपयोग करता है: प्रसार ऑपरेटर, उपज , विनाशकारी असाइनमेंट ।

कॉलिंग [Symbol.iterator] () एक पुनरावृत्त इंटरफ़ेस देता है जो इस तरह दिखता है:

 Iterator { next(); //    return(); //   throw(); //   } 

.Next (), .return (), .throw () तरीके तैयार करते हैं (तब हम देखेंगे कि कैसे) और फॉर्म की एक वस्तु लौटाते हैं:

 { value - ,   done -    } 

.Return () और .throw () विधियों का उपयोग किया जाता है, उदाहरण के लिए, जब पुनरावृत्ति समय से पहले समाप्त हो जाती है। आप उनके बारे में और अधिक पढ़ सकते हैं जो एक्मास्मैट युक्ति में हैं।

इसकी संरचनाओं में Symbol.iterator का उपयोग करना

एक उदाहरण के रूप में, आइए अपनी स्वयं की संरचना बनाएं, जिसका उपयोग करके इसे पुनरावृत्त किया जा सकता है ... और ऊपर उल्लिखित भाषा निर्माणों के साथ Symbol.iterator के उपयोग को भी देखें।

कल्पना करें कि हमारे पास कई स्टेशनों के माध्यम से एक मार्ग है, और हम मार्ग के साथ जाना चाहते हैं और प्रत्येक स्टेशन के साथ कुछ करना चाहते हैं, उदाहरण के लिए, इसे कंसोल में प्रदर्शित करें।

एक रूट क्लास बनाएँ:

 class Route { stations; //      constructor(stations) { this.stations = stations; } //     id get(idx) { return this.stations[idx]; } //   [Symbol.iterator]() { return new RouteIterator(this); //   } } 

जैसा कि आप देख सकते हैं, हमारा रूट Symbol.iterator पद्धति को कार्यान्वित करता है, इसलिए मार्ग एक चलने योग्य इकाई ( युक्ति ) है, जिसका अर्थ है कि हम इसके माध्यम से ... ( मार्ग के बाद हम मार्गों के कार्यान्वयन को देखते हैं ) का उपयोग कर सकते हैं।

[Symbol.iterator] () विधि को कई बार कहा जाएगा क्योंकि इसमें कॉल किए गए हैं। यही है, यदि कई चक्र एक के बाद एक मार्ग से गुजरने की कोशिश करते हैं, तो प्रत्येक चक्र के लिए [Symbol.iterator] () को कॉल किया जाएगा, इसलिए प्रत्येक कॉल के लिए हम रूटइंटरेटर का एक नया उदाहरण बनाते हैं ।

चलिए अब खुद ही रूट आईटर को जान लेते हैं। यह वर्ग एक रूट इकाई के लिए एक पुनरावृत्ति इंटरफ़ेस को लागू करता है। आइए इसे देखें:

 class RouteIterator { _route; //     _nextIdx; //    constructor(route) { this._route = route; this._nextIdx = 0; } next() { if (this._nextIdx === this._route.stations.length) { return { done: true } //     } const result = { value: this._route.get(this._nextIdx), done: false } this._nextIdx++; return result; } } 

इस वर्ग में, हमारे पास पुनरावृत्ति संग्रह ( मार्ग संपत्ति) तक पहुंच है, साथ ही साथ nextIdx हमारे संग्रह में अगले मूल्य के लिए एक संकेतक है।

मार्ग की जाँच पूरी हो गई है या नहीं, और यदि यह पूरा हो गया है, तो सबसे पहले अगला () तरीका यह बताता है कि पुनरावृत्तियाँ पूरी हो गई हैं। अन्यथा, हम मार्ग संग्रह में अगला मान लेते हैं, कहते हैं कि पुनरावृत्तियां पूरी नहीं हुई हैं, सूचक को स्थानांतरित करें और परिणाम लौटाएं।

अब हम इसके लिए मार्ग संग्रह के माध्यम से जा सकते हैं ...

 const route = new Route(['', '', '']) for (let item of route) { console.log(item); } 

यह कोड उन स्टेशनों को सूचीबद्ध करेगा जिन्हें हमने रूट में पारित किया था।

अब हम फंक्शन जनरेटर का उपयोग करके स्टेशनों से गुजरेंगे :

 function* gen() { yield* route; return 'x'; //        .next() } const g = gen(); g.next() // {value: "", done: false} g.next() // {value: "", done: false} g.next() // {value: "", done: false} g.next() // {value: 'x', done: true} g.next() // {value: undefined, done: true} 

Symbol.iterator का उपयोग पुनर्गठन के लिए किया जाता है:

 const [a, b, c] = route; // a - "" // b - "" //  - "" 

और प्रसार ऑपरेटर के साथ:

 function test(a, b, c) { console.log(a, b, c) } test(…route) // "" "" "" 

परिणाम

हमने अपनी कक्षा बनाई, इसे चलने योग्य बनाया और जावास्क्रिप्ट निर्माणों के साथ उपयोग किया। आपका ध्यान के लिए धन्यवाद =)।

सामग्री

केवल एक लेख में नई सामग्री को पूरी तरह से मास्टर करना असंभव है, इसलिए यहां कुछ अतिरिक्त हैं:
गुरु रिफैक्टिंग पुस्तक से पुनरावृति पैटर्न के बारे में
इलिया कैंटर की किताब और एमडीएन पर प्रतीक के बारे में