🕤 👩🏻‍🎓 🥂 क्लास रैपर्स: ईविल या गुड? ➕ ↔️ 🏸

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

var Foo = new Class({ Extends: Bar, initialize: function(firstname, lastname) { this.parent(firstname); this.lastname = lastname; }, sayHello: function(){ alert(this.lastname || this.firstname); } });

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

उदाहरण के लिए, निर्माण के लिए

 MyClass = function() {/* constructor */}; MyClass.prototype.firstMethod = function() {/**/}; MyClass.prototype.secondMethod = function() {/**/}; MyClass.prototype.thirdMethod = function() {/**/};

एक उपनाम पेश किया गया है जो आपको MyObject.prototype

को दोहराने की अनुमति नहीं देता है। इस डिजाइन के बिना मत करो, लेकिन बस इसे दोहराएं नहीं। पुस्तकालय के अंदर सब कुछ समान होगा

 MyClass = new Class({ initialize : function() {/* constructor */}, firstMethod : function() {/**/}, secondMethod: function() {/**/}, thirdMethod : function() {/**/} });

वंशानुक्रम के लिए निम्नलिखित निर्माण (ध्यान दें कि यह जावास्क्रिप्ट विचारधारा के साथ पूरी तरह से सुसंगत है और इसे "कैचऑफ का उपयोग करके" पकड़ा गया है)

 MyAnotherClass = function() {/* constructor */}; var Tmp = function() { } Tmp.prototype = MyClass.prototype MyAnotherClass.prototype = new Tmp() MyAnotherClass.prototype.constructor = MyAnotherClass;

इस तरह के एक सरल प्रविष्टि में समझाया:

 MyAnotherClass = new Class({ Extends: MyClass });

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

ओवरलोडेड कंस्ट्रक्टर

और विचारधारा का उल्लंघन सिर्फ एक और, बहुत हानिकारक और बहुत लोकप्रिय दृष्टिकोण द्वारा किया जाता है - एक अतिभारित निर्माता:

 var MyClass = function() { /*   */ this.firstMethod = function() {/**/}; this.secondMethod = function() {/**/}; this.thirdMethod = function() {/**/}; /*  ,       */ }; var MyAnotherClass = function() { //  MyClass.apply(this, arguments); this.elseOneMethod = function() {/**/}; }; var myAC = new MyAnotherClass(); console.log(myAC instanceof MyClass); // false

जिसे विरासत में नहीं लिया जा सकता है, ताकि instanceof

काम करता है, जिसमें हर बार एक ऑब्जेक्ट बनाया जाता है, जिसके कारण मेमोरी नदी की तरह बहती है और प्रोसेसर रोता है। एक जगह एक समारोह बनाने और इसके लिए एक लिंक देने के बजाय, हम इसे हर बार बनाएंगे। ये फ़ंक्शन प्रोटोटाइप में मौजूद नहीं हैं (और अंतर्निहित ऑब्जेक्ट्स जैसे कि ऐरे, नंबर और बाकी सब कुछ प्रोटोटाइप में स्थित है), उन्हें संदर्भ में पुनर्परिभाषित या प्राप्त नहीं किया जा सकता है, उन्हें गलत तरीके से hasOwnProperty

और धीरे-धीरे निषेधात्मक रूप से काम करते हुए परिभाषित किया जाता है (सैकड़ों बार):

 var MyClass = function() { this.method1 = function(){}; }; MyClass.prototype.method2 = function(){}; var myClass = new MyClass; console.log(myClass.hasOwnProperty('method1')); // true console.log(myClass.hasOwnProperty('method2')); // false var Foo = function() { this.method1 = function(){}; this.method2 = function(){}; this.method3 = function(){}; this.method4 = function(){}; this.method5 = function(){}; this.method6 = function(){}; this.method7 = function(){}; this.method8 = function(){}; this.method9 = function(){}; } var Bar = function() {}; Bar.prototype.method1 = function(){}; Bar.prototype.method2 = function(){}; Bar.prototype.method3 = function(){}; Bar.prototype.method4 = function(){}; Bar.prototype.method5 = function(){}; Bar.prototype.method6 = function(){}; Bar.prototype.method7 = function(){}; Bar.prototype.method8 = function(){}; Bar.prototype.method9 = function(){}; /** * Chrome 8 * Foo: 260 * Bar: 26 * Firefox 3.5 * Foo: 22081 * Bar: 158 */ console.time('Foo'); for (var i = 1000000; i--;) new Foo(); console.timeEnd('Foo'); console.time('Bar'); for (var i = 1000000; i--;) new Bar(); console.timeEnd('Bar');

मैं इंटरनेट एक्सप्लोरर में क्या होगा इसके बारे में चुप हूं। इसे अपने लिए देखें। आप कंप्यूटर को रात को चालू छोड़ सकते हैं =)

यहां तक कि तथ्य यह है कि यह आपको छद्म निजी तरीकों को लागू करने की अनुमति देता है और चर भी इस दृष्टिकोण को एक सेकंड के लिए भी उचित नहीं ठहराते हैं।

एक बार फिर, अतिभारित निर्माता के नुकसान इस प्रकार हैं:

* बच्चों में काम नहीं करता है

* काफी अधिक मेमोरी की खपत

* सैकड़ों बार धीमी गति से काम करता है

* विधियाँ प्रोटोटाइप में अनुपस्थित हैं

* विधियों को सही ढंग से hasOwnProperty के माध्यम से परिभाषित नहीं किया गया है

निष्कर्ष

उपयोग करें जो उपयोगकर्ताओं के लिए सुविधाजनक और सुखद है। यदि आपको लगता है कि MooTools.Class या कोई अन्य समान लाइब्रेरी आपके आवेदन को अधिक पठनीय बनाएगी और समर्थन की सुविधा प्रदान करेगी - इसका उपयोग करें! और उन सभी पर ध्यान न दें जिन्हें आप जानते हैं कि जावा स्क्रिप्ट की विचारधारा के बारे में कौन चिल्लाता है (और यह निस्संदेह सुंदर है)

UPD: यह विषय aux संदेश की प्रतिक्रिया के रूप में लिखा गया था:

जेएस प्रोटोटाइप OOP का प्रचार करेगा, वर्ग बैसाखी डालने से पेट नहीं भरता है। भाषा और उसकी क्षमताओं को जानें।

मैं यह दावा नहीं करता कि ढांचा दृष्टिकोण ही एकमात्र सत्य है। आपको सिर्फ MooTools.Class जैसे रैपर से बचना नहीं चाहिए। अगर किसी ने आपसे कहा कि यह, आप देखते हैं, तो जावास्क्रिप्ट विचारधारा या ऐसा कुछ का अनुपालन नहीं करता है। _

क्लास रैपर्स: ईविल या गुड?

ओवरलोडेड कंस्ट्रक्टर

निष्कर्ष

More articles: