जेएस कैसे काम करता है: कक्षाएं और विरासत, बेबल और टाइपस्क्रिप्ट में ट्रांसप्लिकेशन

सॉफ्टवेयर प्रोजेक्ट के लिए इन दिनों कक्षाएं सबसे लोकप्रिय तरीकों में से एक हैं। इस प्रोग्रामिंग दृष्टिकोण का उपयोग जावास्क्रिप्ट में भी किया जाता है। आज हम JS पारिस्थितिकी तंत्र श्रृंखला के भाग 15 का अनुवाद प्रकाशित कर रहे हैं। यह आलेख जावास्क्रिप्ट, विरासत तंत्र और वाष्पोत्सर्जन में कक्षाओं को लागू करने के लिए विभिन्न तरीकों पर चर्चा करेगा। हम आपको बताएंगे कि प्रोटोटाइप कैसे काम करते हैं और लोकप्रिय पुस्तकालयों में वर्ग-आधारित विरासत का अनुकरण करने के विभिन्न तरीकों का विश्लेषण करके। अगला, हम इस बारे में बात करेंगे कि, ट्रांसप्लिकेशन के लिए धन्यवाद, जेएस प्रोग्राम लिखना संभव है जो उन विशेषताओं का उपयोग करते हैं जो या तो भाषा में उपलब्ध नहीं हैं या, हालांकि वे नए मानकों या प्रस्तावों के रूप में मौजूद हैं जो अनुमोदन के विभिन्न चरणों में हैं, अभी तक जेएस में लागू नहीं हुए हैं। इंजन। विशेष रूप से, हम Babel और TypeScript और ECMAScript 2015 कक्षाओं के बारे में बात करेंगे। उसके बाद, हम कुछ उदाहरणों पर ध्यान देंगे जो V8 JS इंजन में कक्षाओं के आंतरिक कार्यान्वयन की सुविधाओं को प्रदर्शित करते हैं।

सिंहावलोकन

जावास्क्रिप्ट में, हम लगातार वस्तुओं के साथ सामना कर रहे हैं, तब भी जब ऐसा लगेगा कि हम आदिम डेटा प्रकारों के साथ काम कर रहे हैं। उदाहरण के लिए, एक स्ट्रिंग शाब्दिक बनाएं:

const name = "SessionStack"; 

उसके बाद, हम तुरंत String ऑब्जेक्ट के विभिन्न तरीकों को कॉल करने के लिए name बदल सकते हैं, जिससे हमने जो स्ट्रिंग शाब्दिक बनाया है वह स्वचालित रूप से परिवर्तित हो जाएगा।

 console.log(name.repeat(2)); // SessionStackSessionStack console.log(name.toLowerCase()); // sessionstack 

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

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

 let names = ["SessionStack"]; let names = { "0": "SessionStack", "length": 1 } 

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

प्रोटोटाइप का उपयोग करके कक्षाओं का अनुकरण करना

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


ऑब्जेक्ट और उसके प्रोटोटाइप

जावास्क्रिप्ट में, प्रत्येक ऑब्जेक्ट किसी अन्य ऑब्जेक्ट के साथ जुड़ा हुआ है - अपने स्वयं के प्रोटोटाइप के साथ। जब आप किसी प्रॉपर्टी या ऑब्जेक्ट के तरीके को एक्सेस करने की कोशिश करते हैं, तो आपको जिस चीज़ की ज़रूरत होती है उसकी खोज सबसे पहले ऑब्जेक्ट में ही की जाती है। यदि खोज असफल है, तो यह ऑब्जेक्ट के प्रोटोटाइप में जारी है।

एक साधारण उदाहरण पर विचार करें जो Component आधार वर्ग के लिए एक निर्माण कार्य का वर्णन करता है:

 function Component(content) { this.content = content; } Component.prototype.render = function() {   console.log(this.content); } 

यहां हम प्रोटोटाइप विधि को render() फ़ंक्शन असाइन करते render() , क्योंकि हमें इस पद्धति का उपयोग करने के लिए Component वर्ग के प्रत्येक उदाहरण की आवश्यकता होती है। जब, Component किसी भी उदाहरण में, render विधि कहा जाता है, तो इसकी खोज उस ऑब्जेक्ट में ही शुरू होती है जिसके लिए इसे कहा जाता है। फिर प्रोटोटाइप में खोज जारी है, जहां सिस्टम इस विधि को ढूंढता है।


प्रोटोटाइप और घटक वर्ग के दो उदाहरण

अब Component क्लास को बढ़ाने की कोशिश करते हैं। आइए एक नए वर्ग के लिए एक InputField - InputField :

 function InputField(value) {   this.content = `<input type="text" value="${value}" />`; } 

अगर हमें Component class की कार्यक्षमता बढ़ाने के InputField वर्ग की आवश्यकता है और इसके render विधि को कॉल करने में सक्षम है, तो हमें इसके प्रोटोटाइप को बदलने की आवश्यकता है। जब एक विधि को बाल वर्ग के उदाहरण पर कहा जाता है, तो इसे खाली प्रोटोटाइप में देखने के लिए कोई मतलब नहीं है। हमें इस विधि की खोज करने की आवश्यकता है, Component वर्ग में पाया जाए। इसलिए, हमें निम्नलिखित करने की आवश्यकता है:

 InputField.prototype = Object.create(new Component()); 

अब, जब InputField वर्ग के एक उदाहरण के साथ काम करना और Component वर्ग की विधि को कॉल करना है, तो यह विधि Component वर्ग के प्रोटोटाइप में मिलेगी। वंशानुक्रम प्रणाली को लागू करने के लिए, आपको InputField प्रोटोटाइप को Component वर्ग के एक उदाहरण से कनेक्ट करना InputField । कई पुस्तकालय इस समस्या को हल करने के लिए Object.setPrototypOf () का उपयोग करते हैं।


इनपुट क्लास के साथ कंपोनेंट क्लास का विस्तार

हालांकि, उपरोक्त क्रियाएं पारंपरिक विरासत के समान एक तंत्र को लागू करने के लिए पर्याप्त नहीं हैं। जब भी हम कक्षा का विस्तार करते हैं, हमें निम्नलिखित क्रियाएं करने की आवश्यकता होती है:

• वंशज वर्ग का मूल माता-पिता का एक उदाहरण है।
• कॉल करें, वंशज क्लास के कंस्ट्रक्टर में, पैरेंट क्लास के कंस्ट्रक्टर ने यह सुनिश्चित करने के लिए कि पैरेंट क्लास को शुरुआती तौर पर इनिशियलाइज़ किया है।
• उन स्थितियों में मूल वर्ग के तरीकों को कॉल करने के लिए एक तंत्र प्रदान करें, जहां वंशज वर्ग मूल विधि से आगे निकल जाता है, लेकिन मूल कक्षा से इस पद्धति के मूल कार्यान्वयन को कॉल करने की आवश्यकता है।

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

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

कक्षा का प्रत्यारोपण

ECMAScript 2015 (ES6) की नई सुविधाएँ प्रस्तावित होने के बाद, JS इंजन और ब्राउज़रों में इन सुविधाओं के लिए समर्थन जोड़ने की लंबी प्रक्रिया के पूरा होने तक प्रतीक्षा किए बिना, JS समुदाय जल्द से जल्द उनका लाभ उठाना चाहता था। ऐसी समस्याओं को हल करने में, ट्रांसप्लशन अच्छा है। इस मामले में, संकलन को ES6 के नियमों के अनुसार लिखे गए JS कोड को ऐसे दृश्य में बदलने के लिए कम किया जाता है जो ब्राउज़रों के लिए समझ में आता है कि अब तक ES6 क्षमताओं का समर्थन नहीं करते हैं। परिणामस्वरूप, उदाहरण के लिए, कक्षाओं को घोषित करना और ES6 नियमों के अनुसार वर्ग-आधारित विरासत तंत्र को लागू करना और इन निर्माणों को किसी भी ब्राउज़र में काम करने वाले कोड में बदलना संभव हो जाता है। योजनाबद्ध रूप से, यह प्रक्रिया एक ट्रांसपिलर द्वारा एक तीर फ़ंक्शन को संसाधित करने के उदाहरण का उपयोग करके (एक और नई भाषा सुविधा जिसे समर्थन करने के लिए समय की आवश्यकता होती है), नीचे दिए गए चित्र में दिखाया गया है।


Transpilyatsiya

सबसे लोकप्रिय जावास्क्रिप्ट ट्रांसप्लर्स में से एक Babel.js है। आइए देखते हैं कि यह Component वर्ग घोषणा कोड का संकलन करके कैसे काम करता है, जिसके बारे में हमने ऊपर बात की थी। तो यहाँ ES6 कोड है:

 class Component { constructor(content) {   this.content = content; } render() { console.log(this.content) } } const component = new Component('SessionStack'); component.render(); 

और यहाँ यह कोड ट्रांसप्लिकेशन के बाद बदल जाता है:

 var Component = function () { function Component(content) {   _classCallCheck(this, Component);   this.content = content; } _createClass(Component, [{   key: 'render',   value: function render() {     console.log(this.content);   } }]); return Component; }(); 

जैसा कि आप देख सकते हैं, ट्रांसपॉइलर के आउटपुट पर ECMAScript 5-कोड प्राप्त होता है, जिसे किसी भी वातावरण में चलाया जा सकता है। इसके अलावा, कुछ कार्य जो बबेल मानक पुस्तकालय का हिस्सा हैं, को यहां जोड़ा जाता है।

हम ट्रांसक्लाइड कोड में शामिल _classCallCheck() और _createClass() फ़ंक्शन के बारे में बात कर रहे हैं। पहला फ़ंक्शन, _classCallCheck() , _classCallCheck() फ़ंक्शन को एक नियमित फ़ंक्शन की तरह कहा जाने से रोकने के लिए डिज़ाइन किया गया है। ऐसा करने के लिए, यह जाँचता है कि जिस संदर्भ में फ़ंक्शन कहा जाता है वह Component वर्ग का उदाहरण संदर्भ है या नहीं। कोड यह देखने के लिए जांचता है कि क्या यह कीवर्ड समान उदाहरण की ओर इशारा करता है। दूसरा फ़ंक्शन, _createClass() , ऑब्जेक्ट गुण बनाता है जो कुंजी और उनके मूल्यों वाले ऑब्जेक्ट की एक सरणी के रूप में इसे पास किया जाता है।

यह समझने के लिए कि वंशानुक्रम कैसे काम करता है, हम InputField वर्ग का विश्लेषण करते हैं, जो Component वर्ग का वंशज है। यहां बताया गया है कि ES6 में कक्षा के रिश्ते कैसे आते हैं:

 class InputField extends Component {   constructor(value) {       const content = `<input type="text" value="${value}" />`;       super(content);   } } 

बबल का उपयोग करके इस कोड को बदलने का परिणाम यहां दिया गया है:

 var InputField = function (_Component) { _inherits(InputField, _Component); function InputField(value) {   _classCallCheck(this, InputField);   var content = '<input type="text" value="' + value + '" />';   return _possibleConstructorReturn(this, (InputField.__proto__ || Object.getPrototypeOf(InputField)).call(this, content)); } return InputField; }(Component); 

इस उदाहरण में, इनहेरिटेंस मैकेनिज्म के तर्क को कॉल में _inherits() फ़ंक्शन के लिए समझाया जाता है। यह वही क्रियाएं करता है जिन्हें हमने ऊपर वर्णित किया था, विशेष रूप से, वंशज वर्ग के प्रोटोटाइप के साथ मूल वर्ग का एक उदाहरण लिखने के लिए।

कोड को स्थानांतरित करने के लिए, बैबेल अपने कई परिवर्तनों का प्रदर्शन करता है। सबसे पहले, ES6 कोड को पार्स किया जाता है और एक सार सिंटैक्स ट्री नामक मध्यवर्ती प्रतिनिधित्व में परिवर्तित किया जाता है। फिर परिणामी सार सिंटेक्स ट्री को दूसरे पेड़ में बदल दिया जाता है, जिसके प्रत्येक नोड को इसके ES5 समकक्ष में बदल दिया जाता है। नतीजतन, इस पेड़ को जेएस कोड में बदल दिया जाता है।

बेबेल में सार वाक्यविन्यास वृक्ष

एक सार वाक्यविन्यास वृक्ष में नोड्स होते हैं, जिनमें से प्रत्येक में केवल एक मूल नोड होता है। बैबल में नोड्स के लिए आधार प्रकार होता है। इसमें नोड के बारे में जानकारी है और यह कोड में कहां पाया जा सकता है। विभिन्न प्रकार के नोड्स हैं, उदाहरण के लिए, शाब्दिक रूप से प्रतिनिधित्व करने के लिए नोड, जैसे कि तार, संख्या, null मान, और इसी तरह। इसके अलावा, प्रोग्राम निष्पादन ( if निर्माण) के प्रवाह को नियंत्रित करने के लिए उपयोग किए जाने वाले अभिव्यक्तियों के लिए नोड्स हैं, और छोरों के लिए नोड्स (के for , while )। वर्गों का प्रतिनिधित्व करने के लिए एक विशेष प्रकार का नोड भी है। यह Node बेस क्लास का वंशज है। वह बेस क्लास और क्लास के शरीर के लिए अलग नोड के रूप में भंडारण के लिए फ़ील्ड जोड़कर इस वर्ग का विस्तार करता है।
एक सार वाक्यविन्यास पेड़ के लिए निम्नलिखित कोड टुकड़ा बदलें:

 class Component { constructor(content) {   this.content = content; } render() {   console.log(this.content) } } 

यहां बताया गया है कि उनका योजनाबद्ध प्रतिनिधित्व कैसा होगा।


सार सिंटेक्स ट्री

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

उपरोक्त उदाहरण में, पहले दो MethodDefinition नोड्स के लिए कोड उत्पन्न किया जाएगा, जिसके बाद ClassBody नोड के लिए कोड उत्पन्न किया जाएगा, और अंत में, ClassDeclaration नोड के लिए कोड।

टाइपस्क्रिप्ट ट्रांसप्लिकेशन

एक अन्य लोकप्रिय प्रणाली जो ट्रांसप्लिकेशन का उपयोग करती है वह टाइपस्क्रिप्ट है। यह एक प्रोग्रामिंग लैंग्वेज है जिसका कोड ECMAScript 5 कोड में बदल जाता है जो कि किसी भी JS इंजन के लिए समझ में आता है। यह JS एप्लीकेशन लिखने के लिए नया सिंटैक्स प्रदान करता है। यहां टाइपस्क्रिप्ट पर Component वर्ग को लागू करने का तरीका बताया गया है:

 class Component {   content: string;   constructor(content: string) {       this.content = content;   }   render() {       console.log(this.content)   } } 

यहाँ इस कोड के लिए सार सिंटेक्स ट्री है।


सार सिंटेक्स ट्री

टाइपस्क्रिप्ट विरासत का समर्थन करता है।

 class InputField extends Component {   constructor(value: string) {       const content = `<input type="text" value="${value}" />`;       super(content);   } } 

यहाँ इस कोड के ट्रांसप्लिमेंटेशन का परिणाम है:

 var InputField = /** @class */ (function (_super) {   __extends(InputField, _super);   function InputField(value) {       var _this = this;       var content = "<input type=\"text\" value=\"" + value + "\" />";       _this = _super.call(this, content) || this;       return _this;   }   return InputField; }(Component)); 

जैसा कि आप देख सकते हैं, यह फिर से एक ES5 कोड है, जिसमें, मानक निर्माणों के अलावा, टाइपस्क्रिप्ट लाइब्रेरी से कुछ फ़ंक्शन के लिए कॉल हैं। __extends() फ़ंक्शन की क्षमताएं उन लोगों के समान हैं जिनके बारे में हमने इस सामग्री की शुरुआत में बात की थी।

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

ब्राउज़र क्लास सपोर्ट

2014 में क्रोम ब्राउज़र में क्लास सपोर्ट दिखाई दिया। यह ब्राउज़र को ट्रांसप्लिकेशन या किसी सहायक लाइब्रेरी के उपयोग के बिना वर्ग घोषणाओं के साथ काम करने की अनुमति देता है।


Chrome JS कंसोल में कक्षाओं के साथ काम करना

वास्तव में, इन तंत्रों के लिए ब्राउज़र समर्थन सिंटैक्टिक चीनी से ज्यादा कुछ नहीं है। ये निर्माण उन्हीं मूल संरचनाओं में परिवर्तित होते हैं जो पहले से ही भाषा द्वारा समर्थित हैं। नतीजतन, भले ही आप नए सिंटैक्स का उपयोग करते हैं, निचले स्तर पर, सब कुछ निर्माणकर्ता और वस्तुओं के प्रोटोटाइप में हेरफेर करने जैसा दिखेगा:


वर्ग का समर्थन वाक्यगत शर्करा है

V8 में क्लास सपोर्ट

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

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

नए ClassLiteral नोड को कोड में तब्दील करने के बाद , यह फ़ंक्शन और प्रोटोटाइप से मिलकर निर्माण में परिवर्तित हो जाता है।

परिणाम

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

प्रिय पाठकों! क्या आप जावास्क्रिप्ट में कक्षाओं के साथ काम करने के लिए ES6 सिंटैक्स निर्माण का उपयोग करते हैं?