जावास्क्रिप्ट: सार्वजनिक और निजी वर्ग के क्षेत्र

कई सुझाव नई कार्यक्षमता के साथ जावास्क्रिप्ट में मौजूदा वर्ग सिंटैक्स का विस्तार करते हैं। यह आलेख V8 v7.2 और Chrome 72 में सार्वजनिक श्रेणी के फ़ील्ड के साथ-साथ आगामी निजी फ़ील्ड के लिए नए सिंटैक्स की व्याख्या करता है।

यहाँ कोड का एक उदाहरण है जो बढ़ते वर्ग मुठभेड़ को तुरंत बताता है:

const counter = new IncreasingCounter(); counter.value; // logs 'Getting the current value!' // → 0 counter.increment(); counter.value; // logs 'Getting the current value!' // → 1 

ध्यान दें कि मूल्य वापस करने से पहले एक्सेस मूल्य कुछ कोड (लॉग में संदेश भेजना) निष्पादित करता है। अब अपने आप से पूछें: आप इस वर्ग को जावास्क्रिप्ट में कैसे लागू करेंगे?

ES2015 क्लासेस

नीचे एक उदाहरण है कि ES2015 सिंटैक्स का उपयोग करके इनकाउंटरिंग वर्ग कैसे लागू किया जा सकता है:

 class IncreasingCounter { constructor() { this._count = 0; } get value() { console.log('Getting the current value!'); return this._count; } increment() { this._count++; } } 

वर्ग एक मान प्रदान करता है और एक प्रोटोटाइप में एक मूल्य बढ़ाने के लिए एक विधि प्रदान करता है। अधिक उत्सुकता से, क्लास में एक कंस्ट्रक्टर होता है, जो _count प्रॉपर्टी को शुरू करता है और इसकी प्रारंभिक वैल्यू को 0. पर सेट करता है। अब हम यह इंगित करने के लिए अंडरस्कोर उपसर्ग का उपयोग करते हैं कि _count को सीधे क्लास के बाहर इस्तेमाल नहीं किया जाना चाहिए, लेकिन यह सिर्फ एक कन्वेंशन है; वास्तव में, यह एक निजी संपत्ति नहीं है, और यह शब्दार्थ भाषा में ही परिभाषित नहीं है।

 const counter = new IncreasingCounter(); counter.value; // logs 'Getting the current value!' // → 0 // Nothing stops people from reading or messing with the // `_count` instance property. counter._count; // → 0 counter._count = 42; counter.value; // logs 'Getting the current value!' // → 42 

सार्वजनिक क्षेत्रों को क्लास करें

सार्वजनिक क्षेत्रों के लिए नया वाक्यविन्यास वर्ग परिभाषा को सरल बनाता है:

 class IncreasingCounter { _count = 0; get value() { console.log('Getting the current value!'); return this._count; } increment() { this._count++; } } 

वर्ग की शुरुआत में _count संपत्ति अब संक्षिप्त रूप से घोषित की गई है। हमें अब केवल कुछ क्षेत्रों को परिभाषित करने के लिए एक निर्माता की आवश्यकता नहीं है। बहुत बढ़िया!

हालांकि, _count अभी भी एक सार्वजनिक संपत्ति है। और इस विशिष्ट उदाहरण में, हम इस क्षेत्र को सीधे एक्सेस होने से रोकना चाहते हैं।

निजी वर्ग के क्षेत्र

यह वह जगह है जहां निजी क्षेत्र बचाव के लिए आते हैं। निजी फ़ील्ड के लिए नया सिंटैक्स सार्वजनिक फ़ील्ड के सिंटैक्स के समान है, सिवाय इसके कि आप उन्हें # चिह्न का उपयोग करके निजी के रूप में चिह्नित करते हैं । आप सोच सकते हैं कि # फ़ील्ड नाम का सिर्फ एक हिस्सा है:

 class IncreasingCounter { #count = 0; get value() { console.log('Getting the current value!'); return this.#count; } increment() { this.#count++; } } 

निजी क्षेत्र वर्ग निकाय के बाहर उपलब्ध नहीं हैं:

 const counter = new IncreasingCounter(); counter.#count; // → SyntaxError counter.#count = 42; // → SyntaxError 

स्थैतिक गुण

क्लास फ़ील्ड सिंटैक्स का उपयोग सार्वजनिक और निजी स्थिर गुणों और विधियों को बनाने के लिए किया जा सकता है, जैसा कि नीचे दिखाया गया है:

 class FakeMath { // `PI` is a static public property. static PI = 22 / 7; // Close enough. // `#totallyRandomNumber` is a static private property. static #totallyRandomNumber = 4; // `#computeRandomNumber` is a static private method. static #computeRandomNumber() { return FakeMath.#totallyRandomNumber; } // `random` is a static public method (ES2015 syntax) // that consumes `#computeRandomNumber`. static random() { console.log('I heard you like random numbers…') return FakeMath.#computeRandomNumber(); } } FakeMath.PI; // → 3.142857142857143 FakeMath.random(); // logs 'I heard you like random numbers…' // → 4 FakeMath.#totallyRandomNumber; // → SyntaxError FakeMath.#computeRandomNumber(); // → SyntaxError 

उपवर्गों के साथ काम को सरल बनाएं

नए फ़ील्ड फ़ील्ड सिंटैक्स के लाभ तब अधिक स्पष्ट हो जाते हैं जब अतिरिक्त फ़ील्ड्स को पेश करने वाले उपवर्गों के साथ काम करते हैं। निम्नलिखित पशु आधार वर्ग की कल्पना करें:

 class Animal { constructor(name) { this.name = name; } } 

बिल्ली का एक उपवर्ग बनाने के लिए जो उदाहरण के लिए एक नई संपत्ति जोड़ता है, आपको पहले इस संपत्ति को बनाने से पहले सुपर () को एनिमल बेस क्लास के कंस्ट्रक्टर को कॉल करना था:

 class Cat extends Animal { constructor(name) { super(name); this.likesBaths = false; } meow() { console.log('Meow!'); } } 

वहाँ बहुत सारे बॉयलरप्लेट कोड हैं जो केवल यह इंगित करने के लिए हैं कि बिल्लियाँ वास्तव में स्नान करना पसंद नहीं करती हैं। सौभाग्य से, नया वर्ग फ़ील्ड सिंटैक्स इस निर्माता को सुपर के लिए एक अजीब कॉल के साथ परिभाषित करने की आवश्यकता को समाप्त करता है:

 class Cat extends Animal { likesBaths = false; meow() { console.log('Meow!'); } } 

कुल मिलाकर

सार्वजनिक वर्ग फ़ील्ड V8 v7.2 और Chrome 72 के साथ उपलब्ध हैं। जल्द ही निजी वर्ग फ़ील्ड जारी करने की योजना है।