जावास्क्रिप्ट: "कक्षाएं" और विरासत

मुझे हमेशा कक्षा की जावास्क्रिप्ट की अवधारणा की कमी के कारण थोड़ा परेशान होना पड़ा, और विरासत के साथ यह आमतौर पर थोड़ा तना हुआ है। इस विषय पर बहुत सारी सामग्री पढ़ी है और यहाँ से कई "वर्कअराउंड्स" की कोशिश की है , जिसमें ajaxoop.js लाइब्रेरी के थोड़े कम काटे गए संस्करण शामिल हैं , टिप्पणियों में दी गई, मुझे कुछ भी उपयुक्त और परिचित नहीं मिला।

हालांकि, एक कार्य था जिसे "परिचित" विरासत के कार्यान्वयन की आवश्यकता थी, अतिरिक्त सुखद पक्ष प्रभाव, जिसमें कई विरासत की संभावना थी।

इसलिए, मैं इस समस्या के बारे में अपनी राय के समाधान में इतना सरल प्रस्ताव देता हूं:

/** *    . *     . * : * function MyClass(arg1, arg2) { * ExtClass.call(this, { * MyParentClass1: [arg1], //   1   * MyParentClass2: [arg2], //   2 * MyParentClass3: [arg1, arg2], //    * ... * }); * * //        * //  * } * *      MyClass      *   MyParentClass1  .. *        ,  MyClass *         *    . *           *    : * this.$super['MyParentClassName'].methodName.call(this, ...args...); *         this.$super */ function ExtClass(supers) { //       //        ( , //   ),      this.$super = this.$super ? this.$super : {}; //        //    this.instanceOf() this.$_parents = this.$_parents ? this.$_parents : []; /** * ,       * @param string className     * @returns boolean TRUE  ,  FALSE */ this.instanceOf = function(className) { return (__inArray(className, this.$_parents) || (this instanceof eval(className))); }; /** *      . *  .     : * this.$super['parenClassName'].method.call(this, ...args...); * @param object that   this  * @param string className   */ function __addSuper(that, className) { var obj = new (eval(className)); that.$super[className] = {}; if (!__inArray(className, that.$_parents)) that.$_parents.push(className); for (i in obj) { if (typeof obj[i] == 'function') { that.$super[className][i] = obj[i]; } } }; /** *          * @param mixed value   * @param array arraySeek   * @returns boolean TRUE  ,  FALSE */ function __inArray(value, arraySeek) { if (arraySeek && arraySeek.length) { for (i in arraySeek) { if (arraySeek[i] == value) return true; } } return false; }; //      for (i in supers) { var className = i; var args = supers[i]; (eval(className)).apply(this, args); __addSuper(this, className); } }; 

उदाहरण के लिए, 2 मूल वर्ग बनाएं:

 function Parent1() { ExtClass.call(this); //    this.message = function() { return 'Parent1::message'; } } function Parent2() { ExtClass.call(this); //    this.message = function() { return 'Parent2::message'; } } 

और बाल वर्ग की दो कक्षाएं, जिनमें से प्रत्येक अपने माता-पिता से विरासत में मिली:

 function Child1() { ExtClass.call(this, { Parent1: null }); this.message = function() { return 'Child1::message'; } } function Child2() { ExtClass.call(this, { Parent2: null }); this.message = function() { return 'Child2::message'; } } 

खैर, बच्चे वर्ग से विरासत में मिली सारांश श्रेणी:

 function Child12() { ExtClass.call(this, { Child1: null, Child2: null }); this.message = function() { //         var message = this.$super['Parent1'].message.call(this) + "\n"; message += this.$super['Parent2'].message.call(this) + "\n"; message += this.$super['Child1'].message.call(this) + "\n"; message += this.$super['Child2'].message.call(this) + "\n"; //     ) message += 'Child12::message' return message; } } 

अंतिम वर्ग का एक ऑब्जेक्ट बनाएं और सत्यापित करें कि इस ऑब्जेक्ट का संदेश () विधि वापस आ गई है:

 var childTest = new Child12(); alert(childTest.message()); 

और यहाँ परिणाम है:
Parent1::message
Parent2::message
Child1::message
Child2::message
Child12::message

जैसा कि आप देख सकते हैं, सभी मूल तरीके ठीक से काम करते हैं। मुझे उम्मीद है कि यह समाधान कई के लिए उपयोगी होगा, शुभकामनाएँ!